diff --git a/apps/api/drizzle/0014_omniscient_rumiko_fujikawa.sql b/apps/api/drizzle/0014_omniscient_rumiko_fujikawa.sql new file mode 100644 index 00000000..11a5d2e3 --- /dev/null +++ b/apps/api/drizzle/0014_omniscient_rumiko_fujikawa.sql @@ -0,0 +1,17 @@ +CREATE TABLE `revlogs` ( + `id` text PRIMARY KEY NOT NULL, + `user_id` text NOT NULL, + `difficulty` real DEFAULT 0, + `due` text NOT NULL, + `due_timestamp_ms` integer NOT NULL, + `review` text NOT NULL, + `review_timestamp_ms` integer NOT NULL, + `learning_steps` integer DEFAULT 0, + `scheduled_days` integer DEFAULT 0, + `stability` real DEFAULT 0, + `state` integer DEFAULT 0, + `direction` text DEFAULT 'forward' NOT NULL, + `source` text DEFAULT 'review' NOT NULL, + `created_at` integer DEFAULT (unixepoch()) NOT NULL, + FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE no action +); diff --git a/apps/api/drizzle/meta/0014_snapshot.json b/apps/api/drizzle/meta/0014_snapshot.json new file mode 100644 index 00000000..7c30d8ed --- /dev/null +++ b/apps/api/drizzle/meta/0014_snapshot.json @@ -0,0 +1,663 @@ +{ + "version": "6", + "dialect": "sqlite", + "id": "dd5e0668-539a-4249-8e73-28ed6e1bef08", + "prevId": "d7a1c3d8-3748-4fa9-a8e4-5af0ce248937", + "tables": { + "accounts": { + "name": "accounts", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "account_id": { + "name": "account_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "provider_id": { + "name": "provider_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "access_token": { + "name": "access_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "refresh_token": { + "name": "refresh_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "id_token": { + "name": "id_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "access_token_expires_at": { + "name": "access_token_expires_at", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "refresh_token_expires_at": { + "name": "refresh_token_expires_at", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "scope": { + "name": "scope", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "password": { + "name": "password", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(cast(unixepoch('subsecond') * 1000 as integer))" + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "accounts_userId_idx": { + "name": "accounts_userId_idx", + "columns": [ + "user_id" + ], + "isUnique": false + } + }, + "foreignKeys": { + "accounts_user_id_users_id_fk": { + "name": "accounts_user_id_users_id_fk", + "tableFrom": "accounts", + "tableTo": "users", + "columnsFrom": [ + "user_id" + ], + "columnsTo": [ + "id" + ], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "sessions": { + "name": "sessions", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "expires_at": { + "name": "expires_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "token": { + "name": "token", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(cast(unixepoch('subsecond') * 1000 as integer))" + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "ip_address": { + "name": "ip_address", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "user_agent": { + "name": "user_agent", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "impersonated_by": { + "name": "impersonated_by", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "sessions_token_unique": { + "name": "sessions_token_unique", + "columns": [ + "token" + ], + "isUnique": true + }, + "sessions_userId_idx": { + "name": "sessions_userId_idx", + "columns": [ + "user_id" + ], + "isUnique": false + } + }, + "foreignKeys": { + "sessions_user_id_users_id_fk": { + "name": "sessions_user_id_users_id_fk", + "tableFrom": "sessions", + "tableTo": "users", + "columnsFrom": [ + "user_id" + ], + "columnsTo": [ + "id" + ], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "users": { + "name": "users", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "email": { + "name": "email", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "email_verified": { + "name": "email_verified", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "image": { + "name": "image", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(cast(unixepoch('subsecond') * 1000 as integer))" + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(cast(unixepoch('subsecond') * 1000 as integer))" + }, + "role": { + "name": "role", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "banned": { + "name": "banned", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": false + }, + "ban_reason": { + "name": "ban_reason", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "ban_expires": { + "name": "ban_expires", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "plan": { + "name": "plan", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "subscriptionStatus": { + "name": "subscriptionStatus", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "users_email_unique": { + "name": "users_email_unique", + "columns": [ + "email" + ], + "isUnique": true + } + }, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "verifications": { + "name": "verifications", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "identifier": { + "name": "identifier", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expires_at": { + "name": "expires_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(cast(unixepoch('subsecond') * 1000 as integer))" + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(cast(unixepoch('subsecond') * 1000 as integer))" + } + }, + "indexes": { + "verifications_identifier_idx": { + "name": "verifications_identifier_idx", + "columns": [ + "identifier" + ], + "isUnique": false + } + }, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "databases": { + "name": "databases", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "db_name": { + "name": "db_name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "hostname": { + "name": "hostname", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "db_id": { + "name": "db_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "access_token": { + "name": "access_token", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "databases_user_id_unique": { + "name": "databases_user_id_unique", + "columns": [ + "user_id" + ], + "isUnique": true + } + }, + "foreignKeys": { + "databases_user_id_users_id_fk": { + "name": "databases_user_id_users_id_fk", + "tableFrom": "databases", + "tableTo": "users", + "columnsFrom": [ + "user_id" + ], + "columnsTo": [ + "id" + ], + "onDelete": "no action", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "migrations": { + "name": "migrations", + "columns": { + "version": { + "name": "version", + "type": "integer", + "primaryKey": true, + "notNull": true, + "autoincrement": true + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "sql_script": { + "name": "sql_script", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "revlogs": { + "name": "revlogs", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "difficulty": { + "name": "difficulty", + "type": "real", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": 0 + }, + "due": { + "name": "due", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "due_timestamp_ms": { + "name": "due_timestamp_ms", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "review": { + "name": "review", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "review_timestamp_ms": { + "name": "review_timestamp_ms", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "learning_steps": { + "name": "learning_steps", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": 0 + }, + "scheduled_days": { + "name": "scheduled_days", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": 0 + }, + "stability": { + "name": "stability", + "type": "real", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": 0 + }, + "state": { + "name": "state", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": 0 + }, + "direction": { + "name": "direction", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'forward'" + }, + "source": { + "name": "source", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'review'" + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + } + }, + "indexes": {}, + "foreignKeys": { + "revlogs_user_id_users_id_fk": { + "name": "revlogs_user_id_users_id_fk", + "tableFrom": "revlogs", + "tableTo": "users", + "columnsFrom": [ + "user_id" + ], + "columnsTo": [ + "id" + ], + "onDelete": "no action", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + } + }, + "views": {}, + "enums": {}, + "_meta": { + "schemas": {}, + "tables": {}, + "columns": {} + }, + "internal": { + "indexes": {} + } +} \ No newline at end of file diff --git a/apps/api/drizzle/meta/_journal.json b/apps/api/drizzle/meta/_journal.json index 08079b3d..b2a0f51b 100644 --- a/apps/api/drizzle/meta/_journal.json +++ b/apps/api/drizzle/meta/_journal.json @@ -99,6 +99,13 @@ "when": 1772182472786, "tag": "0013_damp_scarecrow", "breakpoints": true + }, + { + "idx": 14, + "version": "6", + "when": 1774665611927, + "tag": "0014_omniscient_rumiko_fujikawa", + "breakpoints": true } ] } \ No newline at end of file diff --git a/apps/api/package.json b/apps/api/package.json index 02840c22..f4c495da 100644 --- a/apps/api/package.json +++ b/apps/api/package.json @@ -32,7 +32,7 @@ "dotenv": "^16.4.5", "drizzle-orm": "^0.45.1", "drizzle-zod": "^0.8.3", - "elysia": "^1.4.19", + "elysia": "1.4.27", "jose": "^6.1.3", "nanoid": "^5.0.7", "pino": "^9.6.0", diff --git a/apps/api/src/auth.ts b/apps/api/src/auth.ts index fbf6b9ea..162dfd07 100644 --- a/apps/api/src/auth.ts +++ b/apps/api/src/auth.ts @@ -6,6 +6,7 @@ import { usage, webhooks, } from "@polar-sh/better-auth"; +// @ts-ignore - resolves under Node moduleResolution but not Bundler (web app imports App type from this file) import type { WebhookSubscriptionUpdatedPayload } from "@polar-sh/sdk/dist/commonjs/models/components/webhooksubscriptionupdatedpayload"; import { betterAuth } from "better-auth"; import { drizzleAdapter } from "better-auth/adapters/drizzle"; diff --git a/apps/api/src/db/schema/revlogs.ts b/apps/api/src/db/schema/revlogs.ts new file mode 100644 index 00000000..a5290e1c --- /dev/null +++ b/apps/api/src/db/schema/revlogs.ts @@ -0,0 +1,48 @@ +import { FLASHCARD_DIRECTIONS } from "@bahar/drizzle-user-db-schemas"; +import { sql } from "drizzle-orm"; +import { integer, real, sqliteTable, text } from "drizzle-orm/sqlite-core"; +import { createInsertSchema, createSelectSchema } from "drizzle-zod"; +import { users } from "./auth"; + +/** + * The source of the revlog. Review refers to a manual + * review by the user. Clear backlog refers to a bulk reset + * with the clear backlog button. + * + * Typically we want to exclude the latter from most + * statistics. + */ +export const REVLOG_SOURCES = ["review", "clear_backlog"] as const; + +export const revlogs = sqliteTable("revlogs", { + id: text("id").primaryKey().notNull(), + user_id: text("user_id") + .notNull() + .references(() => users.id), + + difficulty: real("difficulty").default(0), + due: text("due").notNull(), + due_timestamp_ms: integer("due_timestamp_ms").notNull(), + review: text("review").notNull(), + review_timestamp_ms: integer("review_timestamp_ms").notNull(), + learning_steps: integer("learning_steps").default(0), + scheduled_days: integer("scheduled_days").default(0), + stability: real("stability").default(0), + state: integer("state").default(0), + + direction: text("direction", { enum: FLASHCARD_DIRECTIONS }) + .notNull() + .default("forward"), + + source: text("source", { enum: REVLOG_SOURCES }).notNull().default("review"), + + created_at: integer("created_at", { mode: "timestamp" }) + .notNull() + .default(sql`(unixepoch())`), +}); + +export type Revlogs = typeof revlogs.$inferSelect; +export type InsertRevlogs = typeof revlogs.$inferInsert; + +export const InsertRevlogsSchema = createInsertSchema(revlogs); +export const SelectRevlogsSchema = createSelectSchema(revlogs); diff --git a/apps/api/src/index.ts b/apps/api/src/index.ts index 3a333d4a..c896e208 100644 --- a/apps/api/src/index.ts +++ b/apps/api/src/index.ts @@ -15,6 +15,7 @@ import { betterAuthGuard, httpLogger } from "./middleware"; import { aiRouter } from "./routers/ai"; import { databasesRouter } from "./routers/databases"; import { migrationsRouter } from "./routers/migrations"; +import { statsRouter } from "./routers/stats"; import { getAllowedDomains } from "./utils"; import { config } from "./utils/config"; import { logger, traceContext } from "./utils/logger"; @@ -55,6 +56,7 @@ const app = new Elysia() .use(migrationsRouter) .use(databasesRouter) .use(aiRouter) + .use(statsRouter) .onError(({ error, code }) => { Sentry.captureException(error); diff --git a/apps/api/src/middleware.ts b/apps/api/src/middleware.ts index 43ccba33..c4fbe128 100644 --- a/apps/api/src/middleware.ts +++ b/apps/api/src/middleware.ts @@ -96,6 +96,8 @@ export const betterAuthGuard = new Elysia({ name: "better-auth" }) await redisClient.incr(key); } + + return; }, }), }); diff --git a/apps/api/src/middleware/http-logger.ts b/apps/api/src/middleware/http-logger.ts index 6c6449ed..60da35dd 100644 --- a/apps/api/src/middleware/http-logger.ts +++ b/apps/api/src/middleware/http-logger.ts @@ -28,7 +28,7 @@ export const httpLogger = new Elysia({ name: "http-logger" }) if (request.method === "OPTIONS" || requestPath === "/health") return; const duration = Date.now() - requestStartTime; - const status = response?.status ?? 200; + const status = (response as { status?: number })?.status ?? 200; const level = status >= 500 ? "error" : "info"; logger[level]( diff --git a/apps/api/src/routers/stats.ts b/apps/api/src/routers/stats.ts new file mode 100644 index 00000000..e90fa7db --- /dev/null +++ b/apps/api/src/routers/stats.ts @@ -0,0 +1,64 @@ +import { Elysia } from "elysia"; +import { nanoid } from "nanoid"; +import { z } from "zod"; +import { db } from "../db"; +import { InsertRevlogsSchema, revlogs } from "../db/schema/revlogs"; +import { betterAuthGuard } from "../middleware"; + +const RevlogBodySchema = InsertRevlogsSchema.omit({ + id: true, + user_id: true, + created_at: true, + due_timestamp_ms: true, + review_timestamp_ms: true, +}); + +export const statsRouter = new Elysia({ prefix: "/stats" }) + .use(betterAuthGuard) + .post( + "/revlogs", + async ({ user, body }) => { + const id = nanoid(); + const userId = user.id; + const due_timestamp_ms = new Date(body.due).getTime(); + const review_timestamp_ms = new Date(body.review).getTime(); + + await db.insert(revlogs).values({ + ...body, + id, + user_id: userId, + due_timestamp_ms, + review_timestamp_ms, + }); + + return { success: true } as const; + }, + { + auth: "user", + body: RevlogBodySchema, + } + ) + .post( + "/revlogs/batch", + async ({ user, body }) => { + const userId = user.id; + + const values = body.entries.map((entry) => ({ + ...entry, + id: nanoid(), + user_id: userId, + due_timestamp_ms: new Date(entry.due).getTime(), + review_timestamp_ms: new Date(entry.review).getTime(), + })); + + await db.insert(revlogs).values(values); + + return { success: true } as const; + }, + { + auth: "user", + body: z.object({ + entries: z.array(RevlogBodySchema), + }), + } + ); diff --git a/apps/marketing/public/og-image.png b/apps/marketing/public/og-image.png new file mode 100644 index 00000000..67669a40 Binary files /dev/null and b/apps/marketing/public/og-image.png differ diff --git a/apps/marketing/src/layouts/BaseLayout.astro b/apps/marketing/src/layouts/BaseLayout.astro index a8bdb92b..4ad63b78 100644 --- a/apps/marketing/src/layouts/BaseLayout.astro +++ b/apps/marketing/src/layouts/BaseLayout.astro @@ -40,6 +40,9 @@ const { + + + + diff --git a/apps/web/package.json b/apps/web/package.json index bfff7fae..34c0b9c3 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -66,6 +66,7 @@ "@swc/core": "1.11.21", "@tanstack/router-devtools": "^1.91.3", "@tanstack/router-plugin": "^1.91.1", + "@types/bun": "^1.3.11", "@types/node": "^20.10.6", "@types/react": "^19.0.0", "@types/react-dom": "^19.0.0", diff --git a/apps/web/src/components/features/dictionary/add/AdditionalDetailsFormSection.tsx b/apps/web/src/components/features/dictionary/add/AdditionalDetailsFormSection.tsx index d978edc5..2a1ae286 100644 --- a/apps/web/src/components/features/dictionary/add/AdditionalDetailsFormSection.tsx +++ b/apps/web/src/components/features/dictionary/add/AdditionalDetailsFormSection.tsx @@ -1,3 +1,4 @@ +import { cn } from "@bahar/design-system"; import { Accordion, AccordionContent, @@ -22,7 +23,6 @@ import { } from "@bahar/web-ui/components/form"; import { Input } from "@bahar/web-ui/components/input"; import { Separator } from "@bahar/web-ui/components/separator"; -import { cn } from "@bahar/design-system"; import { Tooltip, TooltipContent, diff --git a/apps/web/src/components/features/flashcards/FlashcardDrawer/FlashcardDrawer.tsx b/apps/web/src/components/features/flashcards/FlashcardDrawer/FlashcardDrawer.tsx index 2b38ed95..7a8cb579 100644 --- a/apps/web/src/components/features/flashcards/FlashcardDrawer/FlashcardDrawer.tsx +++ b/apps/web/src/components/features/flashcards/FlashcardDrawer/FlashcardDrawer.tsx @@ -32,6 +32,7 @@ import { import { type Grade, Rating } from "ts-fsrs"; import { useDir } from "@/hooks/useDir"; import { useFormatNumber } from "@/hooks/useFormatNumber"; +import { api } from "@/lib/api"; import { decksTable } from "@/lib/db/operations/decks"; import { DEFAULT_BACKLOG_THRESHOLD_DAYS, @@ -171,7 +172,7 @@ export const FlashcardDrawer: FC = ({ async (grade: Grade) => { if (!(schedulingCards && currentCard)) return; - const selectedCard = schedulingCards[grade].card; + const { card: selectedCard, log } = schedulingCards[grade]; const dueTimestampMs = selectedCard.due.getTime(); const lastReviewTimestampMs = selectedCard?.last_review ? selectedCard.last_review.getTime() @@ -194,6 +195,13 @@ export const FlashcardDrawer: FC = ({ setShowAnswer(false); setCards((prev) => prev.filter((c) => c.id !== currentCard.id)); + await api.stats.revlogs.post({ + ...log, + due: log.due.toISOString(), + review: log.review.toISOString(), + direction: currentCard.direction, + }); + await updateFlashcard({ id: currentCard.id, updates: localUpdates, diff --git a/apps/web/src/hooks/db/index.ts b/apps/web/src/hooks/db/index.ts index 30ccc276..bfc75193 100644 --- a/apps/web/src/hooks/db/index.ts +++ b/apps/web/src/hooks/db/index.ts @@ -76,6 +76,14 @@ export const useDeleteDictionaryEntry = () => { const { reset } = useSearch(); const { mutateAsync } = useMutation({ mutationFn: dictionaryEntriesTable.delete.mutation, + onSuccess: () => { + queryClient.invalidateQueries({ + queryKey: flashcardsTable.today.cacheOptions.queryKey, + }); + queryClient.invalidateQueries({ + queryKey: flashcardsTable.counts.cacheOptions.queryKey, + }); + }, }); return { diff --git a/apps/web/src/lib/api.ts b/apps/web/src/lib/api.ts index 4cd90c21..48cc102a 100644 --- a/apps/web/src/lib/api.ts +++ b/apps/web/src/lib/api.ts @@ -2,7 +2,7 @@ import { treaty } from "@elysiajs/eden"; import type { App } from "../../../api/src/index"; import { generateTraceId, TRACE_ID_HEADER } from "./utils"; -export const api = treaty(import.meta.env.VITE_API_BASE_URL, { +export const api = treaty(import.meta.env.VITE_API_BASE_URL!, { fetch: { credentials: "include", }, diff --git a/apps/web/src/lib/db/index.ts b/apps/web/src/lib/db/index.ts index 3dd04ac9..e11b6b80 100644 --- a/apps/web/src/lib/db/index.ts +++ b/apps/web/src/lib/db/index.ts @@ -172,6 +172,7 @@ const _initDbInternal = async () => { if (!connectionResult.ok) return connectionResult; db = connectionResult.value; + drizzleDb = drizzle( async (sql, params, method) => { if (!db) return { rows: [] }; diff --git a/apps/web/src/lib/db/operations/dictionary-entries.ts b/apps/web/src/lib/db/operations/dictionary-entries.ts index 9612b773..2e48c07c 100644 --- a/apps/web/src/lib/db/operations/dictionary-entries.ts +++ b/apps/web/src/lib/db/operations/dictionary-entries.ts @@ -274,6 +274,12 @@ export const dictionaryEntriesTable = { throw new Error(`Dictionary entry not found: ${id}`); } + // Explicitly delete flashcards since sync-wasm doesn't support + // ON DELETE CASCADE (foreign key actions other than NO ACTION) + await db + .prepare("DELETE FROM flashcards WHERE dictionary_entry_id = ?;") + .run([id]); + await db .prepare("DELETE FROM dictionary_entries WHERE id = ?;") .run([id]); diff --git a/apps/web/src/lib/db/operations/flashcards.ts b/apps/web/src/lib/db/operations/flashcards.ts index 612d910f..3f71165b 100644 --- a/apps/web/src/lib/db/operations/flashcards.ts +++ b/apps/web/src/lib/db/operations/flashcards.ts @@ -4,7 +4,9 @@ import { DICTIONARY_ENTRY_COLUMNS, } from "@bahar/db-operations"; import { + dictionaryEntries, FlashcardState, + flashcards, type InsertFlashcard, type RawFlashcard, type SelectDeck, @@ -14,9 +16,11 @@ import { } from "@bahar/drizzle-user-db-schemas"; import { createScheduler } from "@bahar/fsrs"; import * as Sentry from "@sentry/react"; +import { and, eq, inArray, lte, sql } from "drizzle-orm"; import { nanoid } from "nanoid"; -import { type Card, Rating } from "ts-fsrs"; -import { ensureDb } from ".."; +import { type Card, Rating, type ReviewLog } from "ts-fsrs"; +import { api } from "../../api"; +import { ensureDb, getDrizzleDb } from ".."; import type { TableOperation } from "./types"; /** @@ -525,7 +529,8 @@ export const flashcardsTable = { filters?: SelectDeck["filters"]; backlogThresholdDays?: number; } = {}): AsyncGenerator<{ cleared: number; total: number }> { - const db = await ensureDb(); + await ensureDb(); + const drizzleDb = getDrizzleDb(); const now = Date.now(); const backlogThresholdMs = now - daysToMs(backlogThresholdDays); @@ -541,42 +546,51 @@ export const flashcardsTable = { FlashcardState.RE_LEARNING, ]; - const directions = showReverse ? ["forward", "reverse"] : ["forward"]; - - // Build query to get backlog cards - const whereConditions: string[] = ["f.due_timestamp_ms <= ?"]; - const params: unknown[] = [backlogThresholdMs]; - - whereConditions.push( - `f.direction IN (${directions.map(() => "?").join(", ")})` - ); - params.push(...directions); - - whereConditions.push(`f.state IN (${state.map(() => "?").join(", ")})`); - params.push(...state); - - whereConditions.push(`d.type IN (${types.map(() => "?").join(", ")})`); - params.push(...types); - - whereConditions.push("f.is_hidden = 0"); - - const whereClause = whereConditions.join(" AND "); - - const tagJoin = tags.length > 0 ? ", json_each(d.tags) AS jt" : ""; - const tagCondition = - tags.length > 0 - ? ` AND jt.value IN (${tags.map(() => "?").join(", ")})` - : ""; - const tagParams = tags.length > 0 ? tags : []; - - const sql = `SELECT DISTINCT f.* - FROM flashcards f - LEFT JOIN dictionary_entries d ON f.dictionary_entry_id = d.id${tagJoin} - WHERE ${whereClause}${tagCondition}`; - - const backlogCards: RawFlashcard[] = await db - .prepare(sql) - .all([...params, ...tagParams]); + const directions: SelectFlashcard["direction"][] = showReverse + ? ["forward", "reverse"] + : ["forward"]; + + const conditions = [ + lte(flashcards.due_timestamp_ms, backlogThresholdMs), + inArray(flashcards.direction, directions), + inArray(flashcards.state, state), + inArray(dictionaryEntries.type, types), + eq(flashcards.is_hidden, false), + ...(tags.length > 0 + ? [ + sql`EXISTS (SELECT 1 FROM json_each(${dictionaryEntries.tags}) WHERE value IN (${sql.join( + tags.map((t) => sql`${t}`), + sql`, ` + )}))`, + ] + : []), + ]; + + const backlogCards = await drizzleDb + .selectDistinct({ + id: flashcards.id, + dictionary_entry_id: flashcards.dictionary_entry_id, + difficulty: flashcards.difficulty, + due: flashcards.due, + due_timestamp_ms: flashcards.due_timestamp_ms, + elapsed_days: flashcards.elapsed_days, + lapses: flashcards.lapses, + last_review: flashcards.last_review, + last_review_timestamp_ms: flashcards.last_review_timestamp_ms, + learning_steps: flashcards.learning_steps, + reps: flashcards.reps, + scheduled_days: flashcards.scheduled_days, + stability: flashcards.stability, + state: flashcards.state, + direction: flashcards.direction, + is_hidden: flashcards.is_hidden, + }) + .from(flashcards) + .leftJoin( + dictionaryEntries, + eq(flashcards.dictionary_entry_id, dictionaryEntries.id) + ) + .where(and(...conditions)); const total = backlogCards.length; @@ -586,67 +600,77 @@ export const flashcardsTable = { const f = createScheduler(); const nowDate = new Date(); + const revlogEntries: { + log: ReviewLog; + direction: SelectFlashcard["direction"]; + }[] = []; - await db.exec("BEGIN TRANSACTION"); + await drizzleDb.run(sql`BEGIN TRANSACTION`); try { for (let i = 0; i < backlogCards.length; i++) { - const rawCard = backlogCards[i]; + const row = backlogCards[i]; const card: Card = { - due: new Date(rawCard.due), - stability: rawCard.stability ?? 0, - difficulty: rawCard.difficulty ?? 0, - elapsed_days: rawCard.elapsed_days ?? 0, - scheduled_days: rawCard.scheduled_days ?? 0, - reps: rawCard.reps ?? 0, - lapses: rawCard.lapses ?? 0, - state: rawCard.state ?? FlashcardState.NEW, - learning_steps: rawCard.learning_steps ?? 0, - last_review: rawCard.last_review - ? new Date(rawCard.last_review) + due: new Date(row.due), + stability: row.stability ?? 0, + difficulty: row.difficulty ?? 0, + elapsed_days: row.elapsed_days ?? 0, + scheduled_days: row.scheduled_days ?? 0, + reps: row.reps ?? 0, + lapses: row.lapses ?? 0, + state: row.state ?? FlashcardState.NEW, + learning_steps: row.learning_steps ?? 0, + last_review: row.last_review + ? new Date(row.last_review) : undefined, }; const scheduling = f.repeat(card, nowDate); - const newCard = scheduling[Rating.Hard].card; - - await db - .prepare( - `UPDATE flashcards SET - due = ?, - due_timestamp_ms = ?, - last_review = ?, - last_review_timestamp_ms = ?, - state = ?, - stability = ?, - difficulty = ?, - reps = ?, - lapses = ?, - elapsed_days = ?, - scheduled_days = ? - WHERE id = ?` - ) - .run([ - newCard.due.toISOString(), - newCard.due.getTime(), - newCard.last_review?.toISOString() ?? null, - newCard.last_review?.getTime() ?? null, - newCard.state, - newCard.stability, - newCard.difficulty, - newCard.reps, - newCard.lapses, - newCard.elapsed_days, - newCard.scheduled_days, - rawCard.id, - ]); + const { card: newCard, log } = scheduling[Rating.Hard]; + + revlogEntries.push({ log, direction: row.direction }); + + await drizzleDb + .update(flashcards) + .set({ + due: newCard.due.toISOString(), + due_timestamp_ms: newCard.due.getTime(), + last_review: newCard.last_review?.toISOString() ?? null, + last_review_timestamp_ms: newCard.last_review?.getTime() ?? null, + state: newCard.state, + stability: newCard.stability, + difficulty: newCard.difficulty, + reps: newCard.reps, + lapses: newCard.lapses, + elapsed_days: newCard.elapsed_days, + scheduled_days: newCard.scheduled_days, + }) + .where(eq(flashcards.id, row.id)); yield { cleared: i + 1, total }; } - await db.exec("COMMIT"); + await drizzleDb.run(sql`COMMIT`); } catch (err) { - await db.exec("ROLLBACK"); + await drizzleDb.run(sql`ROLLBACK`); throw err; } + + if (revlogEntries.length > 0) { + api.stats.revlogs.batch + .post({ + entries: revlogEntries.map(({ log, direction }) => ({ + ...log, + due: log.due.toISOString(), + review: log.review.toISOString(), + direction, + source: "clear_backlog" as const, + })), + }) + .catch((err) => { + Sentry.captureException(err, { + tags: { operation: "clearBacklog.revlogs" }, + }); + }); + } }, cacheOptions: { queryKey: ["turso.flashcards.clearBacklog"], diff --git a/apps/web/src/routes/_authorized-layout/_app-layout/dictionary/add/route.lazy.tsx b/apps/web/src/routes/_authorized-layout/_app-layout/dictionary/add/route.lazy.tsx index 9eb66f63..b8dcd3ad 100644 --- a/apps/web/src/routes/_authorized-layout/_app-layout/dictionary/add/route.lazy.tsx +++ b/apps/web/src/routes/_authorized-layout/_app-layout/dictionary/add/route.lazy.tsx @@ -16,8 +16,8 @@ import { } from "@bahar/web-ui/components/tooltip"; import { zodResolver } from "@hookform/resolvers/zod"; import { Trans, useLingui } from "@lingui/react/macro"; -import { createLazyFileRoute, Link } from "@tanstack/react-router"; import { useMutation } from "@tanstack/react-query"; +import { createLazyFileRoute, Link } from "@tanstack/react-router"; import { ChevronLeft, ChevronRight, Sparkles } from "lucide-react"; import { useEffect } from "react"; import { type SubmitHandler, useForm } from "react-hook-form"; @@ -31,11 +31,11 @@ import { import { TagsFormSection } from "@/components/features/dictionary/add/TagsFormSection"; import { Page } from "@/components/Page"; import { useAddDictionaryEntry } from "@/hooks/db"; -import { authClient } from "@/lib/auth-client"; import { useDir } from "@/hooks/useDir"; +import { api } from "@/lib/api"; +import { authClient } from "@/lib/auth-client"; import { FormSchema } from "@/lib/schemas/dictionary"; import type { z } from "@/lib/zod"; -import { api } from "@/lib/api"; const Breadcrumbs = ({ className }: { className?: string }) => { return ( @@ -191,10 +191,13 @@ const Add = () => { const autofill = useMutation({ mutationFn: async () => { + const type = form.getValues("type"); + if (!type) throw new Error("Type is required"); + const { data, error } = await api.ai.autocomplete.post({ word: form.getValues("word"), translation: form.getValues("translation"), - type: form.getValues("type"), + type, }); if (error) throw error; return data; @@ -289,7 +292,7 @@ const Add = () => {
-
+
@@ -311,7 +314,7 @@ const Add = () => { type="button" > {autofill.isPending && ( - + )} { type="button" > {autofill.isPending && ( - + )} { const autofill = useMutation({ mutationFn: async () => { + const type = form.getValues("type"); + if (!type) throw new Error("Type is required"); + const { data, error } = await api.ai.autocomplete.post({ word: form.getValues("word"), translation: form.getValues("translation"), - type: form.getValues("type"), + type, }); if (error) throw error; return data; diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json index 8a6a97e6..45564e95 100644 --- a/apps/web/tsconfig.json +++ b/apps/web/tsconfig.json @@ -10,6 +10,6 @@ "@bahar/web-ui/*": ["../../packages/web-ui/src/*"], "@bahar/design-system/*": ["../../packages/design-system/src/*"] }, - "types": ["vite-plugin-pwa/client"] + "types": ["vite-plugin-pwa/client", "bun-types"] } } diff --git a/bahar.pen b/bahar.pen deleted file mode 100644 index 3920dd56..00000000 --- a/bahar.pen +++ /dev/null @@ -1,12930 +0,0 @@ -{ - "version": "2.8", - "children": [ - { - "type": "frame", - "id": "bi8Au", - "x": 0, - "y": 0, - "name": "Frame", - "clip": true, - "width": 800, - "height": 600, - "fill": "#FFFFFF", - "layout": "none" - }, - { - "type": "frame", - "id": "XXKiE", - "x": 900, - "y": 0, - "name": "Homepage", - "clip": true, - "width": 1440, - "height": 900, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "KcDr9", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XUqTU", - "name": "logoWrap", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - }, - "justifyContent": "center", - "alignItems": "center" - }, - { - "type": "frame", - "id": "Snvsr", - "name": "navItems", - "layout": "vertical", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "AkYaN", - "name": "navHomeBtn", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "DNq19", - "name": "navHomeIcon", - "width": 20, - "height": 20, - "iconFontName": "house", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "sFseQ", - "name": "navDecksBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "5ylPb", - "name": "navDecksIcon", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "zGj6u", - "name": "navSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "WnwJj", - "name": "navSettingsBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "tkJAB", - "name": "navSettingsIcon", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "evUXj", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 16, - "padding": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "gGLll", - "name": "searchWrap", - "width": 768, - "children": [ - { - "type": "frame", - "id": "kwZjD", - "name": "Search Input", - "width": 450, - "height": 36, - "fill": "#FFFFFF", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000000A", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 2 - }, - "gap": 8, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ps7iI", - "name": "sIcon", - "width": 16, - "height": 16, - "iconFontName": "search", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - }, - { - "type": "text", - "id": "WNhpK", - "name": "sText", - "fill": "#A1A1AA", - "content": "Search...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "Kmxuh", - "name": "Dictionary Header", - "width": 768, - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 20, - 24, - 16, - 24 - ], - "children": [ - { - "type": "frame", - "id": "85zRr", - "name": "headerRow", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "yT1D0", - "name": "headerLeft", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XTRN9", - "name": "iconCircle", - "width": 40, - "height": 40, - "fill": "#4F46E518", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#4F46E530" - }, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "BLvsI", - "name": "bookIcon2", - "width": 20, - "height": 20, - "iconFontName": "book-open", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "Qsr7g", - "name": "titleBlock", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "EA5sw", - "name": "hTitle", - "fill": "#1B1B2F", - "content": "Your Dictionary", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.3 - }, - { - "type": "frame", - "id": "ZxunO", - "name": "hSubtitle", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "v0HJB", - "name": "hCount", - "fill": "#1B1B2FCC", - "content": "142", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "ifHHf", - "name": "hSep", - "fill": "#6B6F80", - "content": "results", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "F1GV4", - "name": "hTime", - "fill": "#6B6F80", - "content": "· 12ms", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "sESdr", - "name": "headerRight", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "CXmqQ", - "name": "addWordBtn", - "height": 36, - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Tz03R", - "name": "addWordIcon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "#1B1B2F" - }, - { - "type": "text", - "id": "Cbwhy", - "name": "addWordText", - "fill": "#1B1B2F", - "content": "Add word", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "Ra4vW", - "name": "reviewBtn2", - "height": 36, - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 8, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mqpnh", - "name": "reviewIcon2", - "width": 16, - "height": 16, - "iconFontName": "graduation-cap", - "iconFontFamily": "lucide", - "fill": "#1B1B2F" - }, - { - "type": "text", - "id": "zmlog", - "name": "reviewText2", - "fill": "#1B1B2F", - "content": "Review", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "1SVFH", - "name": "reviewBadge3", - "height": 20, - "fill": "#4F46E5", - "cornerRadius": 10, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "IZNmZ", - "name": "reviewNum", - "fill": "#FFFFFF", - "content": "12", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "RqQZO", - "name": "filterToggle", - "height": 36, - "cornerRadius": 8, - "gap": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "RMt9e", - "name": "filterIcon2", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "jdTl1", - "name": "filterLabel", - "fill": "#6B6F80", - "content": "Show filters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "0KvLG", - "name": "Word Cards", - "width": 768, - "layout": "vertical", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "ByWlm", - "name": "Word Card 1", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "rectangle", - "cornerRadius": 99, - "id": "tVCrc", - "name": "accentLine1", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 180, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#4F46E599", - "position": 0 - }, - { - "color": "#4F46E533", - "position": 1 - } - ] - }, - "width": 3, - "height": 0 - }, - { - "type": "frame", - "id": "SqWJ3", - "name": "card1Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "P1I1b", - "name": "card1Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "yCqyp", - "name": "card1Title", - "fill": "#1B1B2F", - "content": "كِتَاب", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "wxtZU", - "name": "card1Actions", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "kFpfC", - "name": "card1Copy", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "5H9Xg", - "name": "card1CopyIcon", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "AfwD8", - "name": "card1Edit", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "CLwZC", - "name": "card1EditIcon", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "CxqsF", - "name": "card1Expand", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "h9Nhl", - "name": "card1ExpandIcon", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "P5dML", - "name": "card1Trans", - "fill": "#6B6F80", - "content": "book", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "8EaZU", - "name": "Word Card 2", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "frame", - "id": "sZPG9", - "name": "card2Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "cyh61", - "name": "card2Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "hI7Xh", - "name": "card2Title", - "fill": "#1B1B2F", - "content": "كَتَبَ", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "tXc00", - "name": "card2Actions", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "X6Zya", - "name": "card2CopyBtn", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mRB6V", - "name": "card2CopyIcon", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "frk6y", - "name": "card2EditBtn", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "o36HM", - "name": "card2EditIcon", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "HQCcJ", - "name": "card2ExpandBtn", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6oX6d", - "name": "card2ExpandIcon", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "yJrXY", - "name": "card2Trans", - "fill": "#6B6F80", - "content": "to write", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dHsJP", - "name": "Word Card 3 (Expanded)", - "width": "fill_container", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 180, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#F4F4F880", - "position": 0 - }, - { - "color": "#F4F4F84D", - "position": 1 - } - ] - }, - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "frame", - "id": "668JD", - "name": "card3Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "5iLdO", - "name": "card3Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "ZKEJ5", - "name": "card3Title", - "fill": "#1B1B2F", - "content": "جَمِيل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "NHitg", - "name": "card3Acts", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "JmWHN", - "name": "card3C", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "4tnvl", - "name": "card3CI", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "iugg6", - "name": "card3E", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "L20U8", - "name": "card3EI", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "N6AaI", - "name": "card3X", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pfef4", - "name": "card3XI", - "width": 16, - "height": 16, - "iconFontName": "chevron-up", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "utLjF", - "name": "card3Trans", - "fill": "#6B6F80", - "content": "beautiful, handsome", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "rectangle", - "id": "5HuCV", - "name": "expandDivider", - "fill": "#E2E3EA80", - "width": "fill_container", - "height": 1 - }, - { - "type": "frame", - "id": "veNvH", - "name": "expandDetails", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 4, - 0, - 0, - 0 - ], - "children": [ - { - "type": "frame", - "id": "VuvSK", - "name": "typeRow", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "s2hAX", - "name": "typeBadge", - "height": 24, - "fill": "#4F46E518", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "QmD9i", - "name": "typeText", - "fill": "#4F46E5", - "content": "adjective", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "FD3nx", - "name": "rootBadge", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "pRg59", - "name": "rootText", - "fill": "#6B6F80", - "content": "ج م ل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "vbg8A", - "name": "defSection", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "PXTmr", - "name": "defLabel", - "fill": "#6B6F80B3", - "content": "DEFINITION", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "text", - "id": "fMIrF", - "name": "defText", - "fill": "#1B1B2FCC", - "content": "حسن المنظر، وسيم", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "cSrEL", - "name": "morphSection", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "D9M4O", - "name": "morphLabel", - "fill": "#6B6F80B3", - "content": "MORPHOLOGY", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "frame", - "id": "HZjtQ", - "name": "morphGrid", - "width": "fill_container", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "8xeqW", - "name": "morphCell1", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "2DtTg", - "name": "morphCell1L", - "fill": "#6B6F80", - "content": "Feminine", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "Y5IIh", - "name": "morphCell1V", - "fill": "#1B1B2FCC", - "content": "جَمِيلَة", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "6yQxg", - "name": "morphCell2", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "kqxDc", - "name": "morphCell2L", - "fill": "#6B6F80", - "content": "Plural", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "kW7j6", - "name": "morphCell2V", - "fill": "#1B1B2FCC", - "content": "جِمَال", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "b8Hua", - "name": "morphCell3", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "sKMxc", - "name": "morphCell3L", - "fill": "#6B6F80", - "content": "Elative", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "MzNMV", - "name": "morphCell3V", - "fill": "#1B1B2FCC", - "content": "أَجْمَل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "uFs3k", - "name": "exSection", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "ZgrQT", - "name": "exLabel", - "fill": "#6B6F80B3", - "content": "EXAMPLES", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "frame", - "id": "x1WJ4", - "name": "exBox", - "width": "fill_container", - "fill": "#F4F4F84D", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA4D" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 8, - 12 - ], - "children": [ - { - "type": "text", - "id": "bOQPx", - "name": "exArabic", - "fill": "#1B1B2FE6", - "content": "هذا مكانٌ جَمِيلٌ جداً", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "Dv7h9", - "name": "exEnglish", - "fill": "#6B6F80", - "content": "This is a very beautiful place", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "q6osI", - "name": "tagsSection", - "width": "fill_container", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "Ul6xU", - "name": "tagPill1", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 12, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "3K9OB", - "name": "tagPill1Text", - "fill": "#6B6F80", - "content": "adjective", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "rdJF8", - "name": "tagPill2", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 12, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "0Xokz", - "name": "tagPill2Text", - "fill": "#6B6F80", - "content": "beginner", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "dFBAC", - "name": "tagPill3", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 12, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "CJCij", - "name": "tagPill3Text", - "fill": "#6B6F80", - "content": "daily", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "Jt8IR", - "name": "Word Card 4", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "frame", - "id": "STQCB", - "name": "card4Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "o2DaT", - "name": "card4Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "6J4tK", - "name": "card4Title", - "fill": "#1B1B2F", - "content": "مَدْرَسَة", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "8NhWK", - "name": "card4Btns", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "1jk1n", - "name": "card4B1", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "zHarV", - "name": "card4B1I", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "wVCuW", - "name": "card4B2", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "kc82m", - "name": "card4B2I", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "wbGf0", - "name": "card4B3", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "8R29I", - "name": "card4B3I", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "jKKsP", - "name": "card4Trans", - "fill": "#6B6F80", - "content": "school", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "cXwXi", - "x": 2540, - "y": 0, - "name": "Flashcard Drawer", - "clip": true, - "width": 1440, - "height": 900, - "fill": "#00000066", - "layout": "none", - "children": [ - { - "type": "frame", - "id": "0rwps", - "x": 0, - "y": 160, - "name": "Drawer Panel", - "clip": true, - "width": 1440, - "height": 740, - "fill": "#FFFFFF", - "cornerRadius": [ - 16, - 16, - 0, - 0 - ], - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "yVObG", - "name": "Drawer Header", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E2E3EA30" - }, - "layout": "vertical", - "gap": 12, - "padding": [ - 20, - 32, - 16, - 32 - ], - "children": [ - { - "type": "frame", - "id": "qaLSN", - "name": "dragHandle", - "width": "fill_container", - "justifyContent": "center", - "children": [ - { - "type": "rectangle", - "cornerRadius": 2, - "id": "4Ko7U", - "name": "handleBar", - "fill": "#D4D4D8", - "width": 48, - "height": 4 - } - ] - }, - { - "type": "frame", - "id": "yjUdT", - "name": "Queue Selector", - "width": "fill_container", - "gap": 8, - "justifyContent": "center", - "children": [ - { - "type": "frame", - "id": "OrJvL", - "name": "queueReview", - "height": 40, - "fill": "#FFFFFF", - "cornerRadius": 10, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000001A", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 3 - }, - "gap": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "LBBJ3", - "name": "reviewIcon", - "width": 18, - "height": 18, - "iconFontName": "brain", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - }, - { - "type": "text", - "id": "dvGYG", - "name": "reviewLabel", - "fill": "#1B1B2F", - "content": "Review", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "QyqGC", - "name": "reviewBadge2", - "height": 20, - "fill": "#4F46E5", - "cornerRadius": 10, - "padding": [ - 0, - 7 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "LeNL7", - "name": "reviewCount", - "fill": "#FFFFFF", - "content": "5", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "E0IuJ", - "name": "queueBacklog", - "height": 40, - "cornerRadius": 10, - "gap": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "u1Ajd", - "name": "backlogIcon", - "width": 18, - "height": 18, - "iconFontName": "archive", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - }, - { - "type": "text", - "id": "6zs8c", - "name": "backlogLabel", - "fill": "#A1A1AA", - "content": "Backlog", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "tEbeF", - "name": "backlogBadge", - "height": 20, - "fill": "#EA580C", - "cornerRadius": 10, - "padding": [ - 0, - 7 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "R8yMy", - "name": "backlogCount", - "fill": "#FFFFFF", - "content": "2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "yhX5e", - "name": "cardsLeft", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "5 cards left", - "textAlign": "center", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "a2GNv", - "name": "Card Area", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "padding": [ - 16, - 32 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "OKSdu", - "name": "tagRow", - "gap": 6, - "padding": [ - 0, - 0, - 8, - 0 - ], - "children": [ - { - "type": "frame", - "id": "ING6j", - "name": "tag1", - "height": 24, - "fill": "#4F46E518", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "bR7X7", - "name": "tag1Text", - "fill": "#4F46E5", - "content": "noun", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "a6qO4", - "name": "tag2", - "height": 24, - "fill": "#F0FDF4", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "S3WiQ", - "name": "tag2Text", - "fill": "#16A34A", - "content": "beginner", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "uWpE3", - "name": "Flashcard", - "width": 640, - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 135, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#FFFFFF", - "position": 0 - }, - { - "color": "#FAFAFA", - "position": 1 - } - ] - }, - "cornerRadius": 16, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA80" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000000D", - "offset": { - "x": 0, - "y": 4 - }, - "blur": 16 - }, - "layout": "vertical", - "gap": 24, - "padding": 32, - "children": [ - { - "type": "frame", - "id": "zsmuo", - "name": "Question", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "2dBJS", - "name": "arabicWord", - "fill": "#1B1B2FE6", - "content": "كِتَاب", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 32, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "cJgIt", - "name": "morphInfo", - "fill": "#F4F4F880", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "9OuV1", - "name": "morphText", - "fill": "#6B6F80", - "content": "كُتُب :plural", - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "zWA5o", - "name": "exampleText", - "fill": "#6B6F80", - "content": "هذا كِتَابٌ جَمِيلٌ", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 15, - "fontWeight": "normal" - } - ] - }, - { - "type": "rectangle", - "id": "Dlgub", - "name": "cardDivider", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 90, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#FFFFFF00", - "position": 0 - }, - { - "color": "#E2E3EA", - "position": 0.5 - }, - { - "color": "#FFFFFF00", - "position": 1 - } - ] - }, - "width": "fill_container", - "height": 1 - }, - { - "type": "frame", - "id": "EIIQl", - "name": "Answer", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "8RXku", - "name": "answerIndicator", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "go5F2", - "name": "checkIcon", - "width": 14, - "height": 14, - "iconFontName": "circle-check", - "iconFontFamily": "lucide", - "fill": "#16A34A" - }, - { - "type": "text", - "id": "q0bpH", - "name": "answerLabel", - "fill": "#16A34A", - "content": "ANSWER", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 2 - } - ] - }, - { - "type": "text", - "id": "IbQ9B", - "name": "definition", - "fill": "#6B6F80", - "content": "كتاب، مجلّد", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 18, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "DJWZE", - "name": "translation", - "fill": "#1B1B2FE6", - "content": "book", - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "500" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "PyyqO", - "name": "Grading Footer", - "width": "fill_container", - "fill": "#FAFAFA08", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "#E2E3EA30" - }, - "layout": "vertical", - "gap": 8, - "padding": [ - 16, - 32, - 24, - 32 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "JuGGx", - "name": "Grade Buttons", - "width": 640, - "gap": 10, - "children": [ - { - "type": "frame", - "id": "2WZ9e", - "name": "btnAgain", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#6B6F8033" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 12, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "r8F4Q", - "name": "againIcon", - "width": 20, - "height": 20, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#71717A" - }, - { - "type": "text", - "id": "q35t5", - "name": "againLabel", - "fill": "#3f3f46", - "content": "Again", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "VyZcu", - "name": "againTime", - "fill": "#A1A1AA", - "content": "1m", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "9Om95", - "name": "btnHard", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E07A2C33" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 12, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "708Wp", - "name": "hardIcon", - "width": 20, - "height": 20, - "iconFontName": "brain", - "iconFontFamily": "lucide", - "fill": "#E07A2C" - }, - { - "type": "text", - "id": "Jscji", - "name": "hardLabel", - "fill": "#3f3f46", - "content": "Hard", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "M4wuI", - "name": "hardTime", - "fill": "#A1A1AA", - "content": "6m", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "N0D5q", - "name": "btnGood", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#4F46E54D" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 12, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "cVXUw", - "name": "goodIcon", - "width": 20, - "height": 20, - "iconFontName": "thumbs-up", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - }, - { - "type": "text", - "id": "wPn4z", - "name": "goodLabel", - "fill": "#3f3f46", - "content": "Good", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "GLRH2", - "name": "goodTime", - "fill": "#A1A1AA", - "content": "1.2d", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "hNc3M", - "name": "btnEasy", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#16A34A4D" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 12, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "JrXVP", - "name": "easyIcon", - "width": 20, - "height": 20, - "iconFontName": "zap", - "iconFontFamily": "lucide", - "fill": "#16A34A" - }, - { - "type": "text", - "id": "b93Rs", - "name": "easyLabel", - "fill": "#3f3f46", - "content": "Easy", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "FBowB", - "name": "easyTime", - "fill": "#A1A1AA", - "content": "3.5d", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "knKsm", - "x": 900, - "y": 1000, - "name": "Homepage — Filters Expanded", - "clip": true, - "width": 1440, - "height": 900, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "sATiu", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "qTA5O", - "name": "logoWrap", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - }, - "justifyContent": "center", - "alignItems": "center" - }, - { - "type": "frame", - "id": "morAf", - "name": "navItems", - "layout": "vertical", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "qdxEt", - "name": "navHomeBtn", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "saIhn", - "name": "navHomeIcon", - "width": 20, - "height": 20, - "iconFontName": "house", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "aM8KJ", - "name": "navDecksBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "lBJpd", - "name": "navDecksIcon", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "6XCzD", - "name": "navSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "4RV9g", - "name": "navSettingsBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "uJpCI", - "name": "navSettingsIcon", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "xDC0c", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 16, - "padding": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "q2W1K", - "name": "searchWrap", - "width": 768, - "children": [ - { - "type": "frame", - "id": "GLRlp", - "name": "Search Input", - "width": 450, - "height": 36, - "fill": "#FFFFFF", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000000A", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 2 - }, - "gap": 8, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ICB9r", - "name": "sIcon", - "width": 16, - "height": 16, - "iconFontName": "search", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - }, - { - "type": "text", - "id": "vth8H", - "name": "sText", - "fill": "#A1A1AA", - "content": "Search...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "ELBdQ", - "name": "Dictionary Header", - "width": 768, - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 20, - 24, - 16, - 24 - ], - "children": [ - { - "type": "frame", - "id": "DQXVf", - "name": "headerRow", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "4Xd4o", - "name": "headerLeft", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "WrP1r", - "name": "iconCircle", - "width": 40, - "height": 40, - "fill": "#4F46E518", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#4F46E530" - }, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Zr1RT", - "name": "bookIcon2", - "width": 20, - "height": 20, - "iconFontName": "book-open", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "L2tOr", - "name": "titleBlock", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "cyBUE", - "name": "hTitle", - "fill": "#1B1B2F", - "content": "Your Dictionary", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.3 - }, - { - "type": "frame", - "id": "lQtPi", - "name": "hSubtitle", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ENgbw", - "name": "hCount", - "fill": "#1B1B2FCC", - "content": "142", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "zqTLB", - "name": "hSep", - "fill": "#6B6F80", - "content": "results", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "w1G5J", - "name": "hTime", - "fill": "#6B6F80", - "content": "· 12ms", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "iJ0i3", - "name": "headerRight", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "jSkPJ", - "name": "addWordBtn", - "height": 36, - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ESbeu", - "name": "addWordIcon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "#1B1B2F" - }, - { - "type": "text", - "id": "EWtbr", - "name": "addWordText", - "fill": "#1B1B2F", - "content": "Add word", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "TughD", - "name": "reviewBtn2", - "height": 36, - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 8, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Sflrm", - "name": "reviewIcon2", - "width": 16, - "height": 16, - "iconFontName": "graduation-cap", - "iconFontFamily": "lucide", - "fill": "#1B1B2F" - }, - { - "type": "text", - "id": "CMZbA", - "name": "reviewText2", - "fill": "#1B1B2F", - "content": "Review", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "wiymL", - "name": "reviewBadge3", - "height": 20, - "fill": "#4F46E5", - "cornerRadius": 10, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "3Kuow", - "name": "reviewNum", - "fill": "#FFFFFF", - "content": "12", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "RMF6r", - "name": "filterToggle", - "height": 36, - "cornerRadius": 8, - "gap": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "0V2eV", - "name": "filterIcon2", - "width": 16, - "height": 16, - "iconFontName": "chevron-up", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "R0hfb", - "name": "filterLabel", - "fill": "#6B6F80", - "content": "Hide filters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "FVfZr", - "name": "activeBadge", - "height": 18, - "fill": "#4F46E5", - "cornerRadius": 9, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ZHDJN", - "name": "activeBadgeText", - "fill": "#FFFFFF", - "content": "3", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "U4R2H", - "name": "Expanded Filters", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "h9ZKk", - "name": "filtersHeader", - "width": "fill_container", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "yPMRB", - "name": "filtersIconLabel", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rgmOV", - "name": "filtersIcon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "UDWz7", - "name": "filtersLabel", - "fill": "#6B6F80", - "content": "Filters", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "rectangle", - "id": "rY4gu", - "name": "filtersSep", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 90, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#E2E3EA80", - "position": 0 - }, - { - "color": "#E2E3EA", - "position": 0.5 - }, - { - "color": "#E2E3EA80", - "position": 1 - } - ] - }, - "width": "fill_container", - "height": 1 - } - ] - }, - { - "type": "frame", - "id": "TE6ai", - "name": "tagsSection", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "oRkX4", - "name": "tagsLabel", - "fill": "#6B6F80", - "content": "Tags", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "Ids4Y", - "name": "tagsDropdown", - "width": 200, - "height": 36, - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "fzaRS", - "name": "tagsPlaceholder", - "fill": "#1B1B2F", - "content": "2 tags selected", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "CFbUP", - "name": "tagsChevronsIcon", - "width": 16, - "height": 16, - "iconFontName": "chevrons-up-down", - "iconFontFamily": "lucide", - "fill": "#6B6F8080" - } - ] - }, - { - "type": "frame", - "id": "OtADV", - "name": "selectedTags", - "width": "fill_container", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "Lgsda", - "name": "selTag1", - "height": 28, - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 6, - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "TYjJW", - "name": "selTag1Text", - "fill": "#1B1B2F", - "content": "beginner", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "V5WcH", - "name": "selTag1X", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "#6B6F80B3" - } - ] - }, - { - "type": "frame", - "id": "7VWOp", - "name": "selTag2", - "height": 28, - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 6, - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "THbCH", - "name": "selTag2Text", - "fill": "#1B1B2F", - "content": "daily", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "gk7QE", - "name": "selTag2X", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "#6B6F80B3" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ZVxSP", - "name": "sortHeader", - "width": "fill_container", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "d8GK1", - "name": "sortIconLabel", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Ft9sF", - "name": "sortIcon", - "width": 16, - "height": 16, - "iconFontName": "arrow-down-up", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "6HGas", - "name": "sortLabel", - "fill": "#6B6F80", - "content": "Sort by", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "rectangle", - "id": "Fr7EL", - "name": "sortSep", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 90, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#E2E3EA80", - "position": 0 - }, - { - "color": "#E2E3EA", - "position": 0.5 - }, - { - "color": "#E2E3EA80", - "position": 1 - } - ] - }, - "width": "fill_container", - "height": 1 - } - ] - }, - { - "type": "frame", - "id": "4IU6j", - "name": "sortSection", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "5j0Nb", - "name": "sortDropdown", - "width": 200, - "height": 36, - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "IZKin", - "name": "sortValue", - "fill": "#1B1B2F", - "content": "Recently added", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "eh7uI", - "name": "sortChevron", - "width": 16, - "height": 16, - "iconFontName": "chevrons-up-down", - "iconFontFamily": "lucide", - "fill": "#6B6F8080" - } - ] - } - ] - }, - { - "type": "frame", - "id": "yjweR", - "name": "clearBtn", - "height": 32, - "cornerRadius": 8, - "gap": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "gNzbg", - "name": "clearIcon", - "width": 16, - "height": 16, - "iconFontName": "funnel-x", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "c9y8q", - "name": "clearText", - "fill": "#6B6F80", - "content": "Clear all filters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "4Hs8J", - "name": "Word Cards", - "width": 768, - "layout": "vertical", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "sW2X5", - "name": "Word Card 1", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "rectangle", - "cornerRadius": 99, - "id": "v6Wxo", - "name": "accentLine1", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 180, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#4F46E599", - "position": 0 - }, - { - "color": "#4F46E533", - "position": 1 - } - ] - }, - "width": 3, - "height": 0 - }, - { - "type": "frame", - "id": "7o0K5", - "name": "card1Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "Kt64O", - "name": "card1Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "d5WYU", - "name": "card1Title", - "fill": "#1B1B2F", - "content": "كِتَاب", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "rOh6G", - "name": "card1Actions", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "ZYrSL", - "name": "card1Copy", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "YrQ2d", - "name": "card1CopyIcon", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "09RGp", - "name": "card1Edit", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "75DRf", - "name": "card1EditIcon", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "G8je8", - "name": "card1Expand", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "GkNEV", - "name": "card1ExpandIcon", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "vWPvO", - "name": "card1Trans", - "fill": "#6B6F80", - "content": "book", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "z8S74", - "name": "Word Card 2", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "frame", - "id": "zOgWF", - "name": "card2Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "5VjVz", - "name": "card2Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "Z54uU", - "name": "card2Title", - "fill": "#1B1B2F", - "content": "كَتَبَ", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "nd3kz", - "name": "card2Actions", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "YUkTX", - "name": "card2CopyBtn", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "T7PD3", - "name": "card2CopyIcon", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "MC90q", - "name": "card2EditBtn", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "oktpr", - "name": "card2EditIcon", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "voFra", - "name": "card2ExpandBtn", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "vUA2D", - "name": "card2ExpandIcon", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "gldJd", - "name": "card2Trans", - "fill": "#6B6F80", - "content": "to write", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "i1qIp", - "name": "Word Card 3 (Expanded)", - "width": "fill_container", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 180, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#F4F4F880", - "position": 0 - }, - { - "color": "#F4F4F84D", - "position": 1 - } - ] - }, - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "frame", - "id": "Jm8fR", - "name": "card3Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "mR8BP", - "name": "card3Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "Yz89B", - "name": "card3Title", - "fill": "#1B1B2F", - "content": "جَمِيل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "kyBUr", - "name": "card3Acts", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "ulyps", - "name": "card3C", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "R3zp5", - "name": "card3CI", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "cBjB3", - "name": "card3E", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ZZBEw", - "name": "card3EI", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "I3QyI", - "name": "card3X", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "HOAyD", - "name": "card3XI", - "width": 16, - "height": 16, - "iconFontName": "chevron-up", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "qXgXV", - "name": "card3Trans", - "fill": "#6B6F80", - "content": "beautiful, handsome", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "rectangle", - "id": "tFG0J", - "name": "expandDivider", - "fill": "#E2E3EA80", - "width": "fill_container", - "height": 1 - }, - { - "type": "frame", - "id": "Xk5Uy", - "name": "expandDetails", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 4, - 0, - 0, - 0 - ], - "children": [ - { - "type": "frame", - "id": "hFAHU", - "name": "typeRow", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "orUBI", - "name": "typeBadge", - "height": 24, - "fill": "#4F46E518", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "z4aEC", - "name": "typeText", - "fill": "#4F46E5", - "content": "adjective", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "0zCnq", - "name": "rootBadge", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rkXLi", - "name": "rootText", - "fill": "#6B6F80", - "content": "ج م ل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "EdZIt", - "name": "defSection", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "2FzTy", - "name": "defLabel", - "fill": "#6B6F80B3", - "content": "DEFINITION", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "text", - "id": "2hHQi", - "name": "defText", - "fill": "#1B1B2FCC", - "content": "حسن المنظر، وسيم", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "jb0f5", - "name": "morphSection", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "yROC3", - "name": "morphLabel", - "fill": "#6B6F80B3", - "content": "MORPHOLOGY", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "frame", - "id": "mMYax", - "name": "morphGrid", - "width": "fill_container", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "VdqA8", - "name": "morphCell1", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "1J8qz", - "name": "morphCell1L", - "fill": "#6B6F80", - "content": "Feminine", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "IRbDz", - "name": "morphCell1V", - "fill": "#1B1B2FCC", - "content": "جَمِيلَة", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ViMl7", - "name": "morphCell2", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "yxUSd", - "name": "morphCell2L", - "fill": "#6B6F80", - "content": "Plural", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "3I2wt", - "name": "morphCell2V", - "fill": "#1B1B2FCC", - "content": "جِمَال", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "lxo7e", - "name": "morphCell3", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "0R4fj", - "name": "morphCell3L", - "fill": "#6B6F80", - "content": "Elative", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "yl1ef", - "name": "morphCell3V", - "fill": "#1B1B2FCC", - "content": "أَجْمَل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "WnnXS", - "name": "exSection", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "7pe9G", - "name": "exLabel", - "fill": "#6B6F80B3", - "content": "EXAMPLES", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "frame", - "id": "8CJni", - "name": "exBox", - "width": "fill_container", - "fill": "#F4F4F84D", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA4D" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 8, - 12 - ], - "children": [ - { - "type": "text", - "id": "zgIEJ", - "name": "exArabic", - "fill": "#1B1B2FE6", - "content": "هذا مكانٌ جَمِيلٌ جداً", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "uzF2h", - "name": "exEnglish", - "fill": "#6B6F80", - "content": "This is a very beautiful place", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "EOxuk", - "name": "tagsSection", - "width": "fill_container", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "5A9wE", - "name": "tagPill1", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 12, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "AzoPy", - "name": "tagPill1Text", - "fill": "#6B6F80", - "content": "adjective", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "K7Qc7", - "name": "tagPill2", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 12, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "NiZSl", - "name": "tagPill2Text", - "fill": "#6B6F80", - "content": "beginner", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "jI0yJ", - "name": "tagPill3", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 12, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "TFI4D", - "name": "tagPill3Text", - "fill": "#6B6F80", - "content": "daily", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ossjA", - "name": "Word Card 4", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 16, - 20 - ], - "children": [ - { - "type": "frame", - "id": "oXTxz", - "name": "card4Inner", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "tnTSg", - "name": "card4Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "text", - "id": "FEOCN", - "name": "card4Title", - "fill": "#1B1B2F", - "content": "مَدْرَسَة", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 30, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "Gu3wa", - "name": "card4Btns", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "TeZcJ", - "name": "card4B1", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "FKM7J", - "name": "card4B1I", - "width": 16, - "height": 16, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "XFIEp", - "name": "card4B2", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "fne9C", - "name": "card4B2I", - "width": 16, - "height": 16, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "H4Bmh", - "name": "card4B3", - "width": 32, - "height": 32, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "AXWis", - "name": "card4B3I", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "SY23k", - "name": "card4Trans", - "fill": "#6B6F80", - "content": "school", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ncQzW", - "x": 4130, - "y": 0, - "name": "Homepage — Redesigned", - "clip": true, - "width": 1440, - "height": 960, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "y2XJN", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 16, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "C34fh", - "name": "logoWrap", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - } - }, - { - "type": "frame", - "id": "3g4EH", - "name": "navGroup", - "layout": "vertical", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "eBMGJ", - "name": "navHome", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "2O6a1", - "name": "navHomeIcon", - "width": 20, - "height": 20, - "iconFontName": "house", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "zu1DB", - "name": "navDecks", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "oRFGo", - "name": "navDecksIcon", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "xJCVq", - "name": "navSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "q97mK", - "name": "navSettings", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "8tqt4", - "name": "navSettingsIcon", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "CPilM", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "padding": [ - 24, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SQbrJ", - "name": "Content Column", - "width": 768, - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "m41Gq", - "name": "Search Bar", - "width": "fill_container", - "height": 48, - "fill": "#F8F8FB", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#1B1B2F08", - "offset": { - "x": 0, - "y": 2 - }, - "blur": 8 - }, - "gap": 10, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6NTRU", - "name": "searchIcon", - "width": 20, - "height": 20, - "iconFontName": "search", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "CgfHi", - "name": "searchPlaceholder", - "fill": "#A1A1AA", - "content": "Search your dictionary...", - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "1rRWh", - "name": "searchSpacer", - "width": "fill_container", - "height": 1 - }, - { - "type": "frame", - "id": "kGPNo", - "name": "searchKbd", - "height": 24, - "fill": "#FFFFFF", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "HC478", - "name": "searchKbdText", - "fill": "#A1A1AA", - "content": "⌘K", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "BIrBL", - "name": "Header Row", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "qY3sV", - "name": "headerLeft", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dXM10", - "name": "headerIcon", - "width": 36, - "height": 36, - "fill": "#4F46E512", - "cornerRadius": 10, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dR20B", - "name": "headerBookIcon", - "width": 18, - "height": 18, - "iconFontName": "book-open", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "PreW5", - "name": "headerTitleBlock", - "gap": 8, - "children": [ - { - "type": "text", - "id": "joGSE", - "name": "headerTitle", - "fill": "#1B1B2F", - "content": "Your Dictionary", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "c9Pgq", - "name": "headerCount", - "fill": "#A1A1AA", - "content": "142 words", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "kh479", - "name": "headerRight", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "efRt4", - "name": "filterBtn", - "height": 34, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "cOaNv", - "name": "filterBtnIcon", - "width": 15, - "height": 15, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "pIIJa", - "name": "filterBtnText", - "fill": "#1B1B2F", - "content": "Filters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "XYHhG", - "name": "addBtn", - "height": 34, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "nvNxu", - "name": "addBtnIcon", - "width": 15, - "height": 15, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "#1B1B2F" - }, - { - "type": "text", - "id": "sVoVf", - "name": "addBtnText", - "fill": "#1B1B2F", - "content": "Add word", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "VOeei", - "name": "reviewBtn", - "height": 34, - "fill": "#4F46E5", - "cornerRadius": 8, - "gap": 8, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "KW2FF", - "name": "reviewBtnIcon", - "width": 15, - "height": 15, - "iconFontName": "graduation-cap", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - }, - { - "type": "text", - "id": "sjL7k", - "name": "reviewBtnText", - "fill": "#FFFFFF", - "content": "Review", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "4Vmlz", - "name": "reviewBadge", - "height": 18, - "fill": "#FFFFFF30", - "cornerRadius": 9, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "6ZhJ3", - "name": "reviewBadgeText", - "fill": "#FFFFFF", - "content": "12", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "wQe6G", - "name": "Word Cards", - "width": "fill_container", - "layout": "vertical", - "gap": 10, - "children": [ - { - "type": "frame", - "id": "mHcHb", - "name": "Word Card — Noun", - "clip": true, - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "children": [ - { - "type": "rectangle", - "id": "IBSWh", - "name": "card1Accent", - "fill": "#4F46E5", - "width": 4, - "height": "fill_container" - }, - { - "type": "frame", - "id": "VUuBA", - "name": "card1Body", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 14, - 18, - 14, - 14 - ], - "children": [ - { - "type": "frame", - "id": "r74v9", - "name": "card1Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "IoPyl", - "name": "card1Left", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "z8RlD", - "name": "card1Arabic", - "fill": "#1B1B2F", - "content": "كِتَاب", - "lineHeight": 1.1, - "fontFamily": "Noto Naskh Arabic", - "fontSize": 36, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "C24pR", - "name": "card1Badge", - "height": 22, - "fill": "#4F46E50F", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "q7RjM", - "name": "card1BadgeText", - "fill": "#4F46E5", - "content": "Noun", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - } - ] - } - ] - }, - { - "type": "frame", - "id": "cADco", - "name": "card1Actions", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "3MVrj", - "name": "card1Copy", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dQWGt", - "name": "card1CopyI", - "width": 15, - "height": 15, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "pMLw8", - "name": "card1Edit", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "euYbo", - "name": "card1EditI", - "width": 15, - "height": 15, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "wXXcq", - "name": "card1Expand", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "QKFNO", - "name": "card1ExpandI", - "width": 15, - "height": 15, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "dRJ8v", - "name": "card1Trans", - "fill": "#6B6F80", - "content": "book", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "iG6UE", - "name": "Word Card — Verb", - "clip": true, - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "children": [ - { - "type": "rectangle", - "id": "q0AK2", - "name": "card2Accent", - "fill": "#16A34A", - "width": 4, - "height": "fill_container" - }, - { - "type": "frame", - "id": "KdIxe", - "name": "card2Body", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 14, - 18, - 14, - 14 - ], - "children": [ - { - "type": "frame", - "id": "TVgMO", - "name": "card2Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "uIwNf", - "name": "card2Left", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "zRoIw", - "name": "card2Arabic", - "fill": "#1B1B2F", - "content": "كَتَبَ", - "lineHeight": 1.1, - "fontFamily": "Noto Naskh Arabic", - "fontSize": 36, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "W5EqE", - "name": "card2Badge", - "height": 22, - "fill": "#16A34A0F", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "jvCDX", - "name": "card2BadgeText", - "fill": "#16A34A", - "content": "Verb", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - } - ] - } - ] - }, - { - "type": "frame", - "id": "k1lcO", - "name": "card2Acts", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "tz1HF", - "name": "card2C", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "FWlPu", - "name": "card2CI", - "width": 15, - "height": 15, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "gyt50", - "name": "card2E", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "QpHYw", - "name": "card2EI", - "width": 15, - "height": 15, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "hCopX", - "name": "card2X", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ydgyD", - "name": "card2XI", - "width": 15, - "height": 15, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "6afJY", - "name": "card2Trans", - "fill": "#6B6F80", - "content": "to write", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "5n3sB", - "name": "Word Card — Adjective (Expanded)", - "clip": true, - "width": "fill_container", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 180, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#FAFAFA", - "position": 0 - }, - { - "color": "#F8F8FB60", - "position": 1 - } - ] - }, - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "children": [ - { - "type": "rectangle", - "id": "1uL1T", - "name": "card3Accent", - "fill": "#D97706", - "width": 4, - "height": "fill_container" - }, - { - "type": "frame", - "id": "LZylh", - "name": "card3Body", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "padding": [ - 14, - 18, - 14, - 14 - ], - "children": [ - { - "type": "frame", - "id": "AevSZ", - "name": "card3Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "RMf5W", - "name": "card3Left", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "wOVcm", - "name": "card3Arabic", - "fill": "#1B1B2F", - "content": "جَمِيل", - "lineHeight": 1.1, - "fontFamily": "Noto Naskh Arabic", - "fontSize": 36, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "KGU1H", - "name": "card3Badge", - "height": 22, - "fill": "#D976060F", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "c7HIw", - "name": "card3BadgeText", - "fill": "#D97706", - "content": "Adjective", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - } - ] - } - ] - }, - { - "type": "frame", - "id": "3tFIn", - "name": "card3Acts", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "0KXB9", - "name": "card3C", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "YUAbs", - "name": "card3CI", - "width": 15, - "height": 15, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "pHk9V", - "name": "card3E", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "hxgZ2", - "name": "card3EI", - "width": 15, - "height": 15, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "4fjxI", - "name": "card3X", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "EbevQ", - "name": "card3XI", - "width": 15, - "height": 15, - "iconFontName": "chevron-up", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "6x1sQ", - "name": "card3Trans", - "fill": "#6B6F80", - "content": "beautiful, handsome", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "rectangle", - "id": "GnoDA", - "name": "divider", - "fill": "#E2E3EA50", - "width": "fill_container", - "height": 1 - }, - { - "type": "frame", - "id": "qUWGJ", - "name": "details", - "width": "fill_container", - "layout": "vertical", - "gap": 14, - "children": [ - { - "type": "frame", - "id": "JNXZb", - "name": "typeRootRow", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "bW9RF", - "name": "rootBadge", - "height": 24, - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Ex0EX", - "name": "rootText", - "fill": "#6B6F80", - "content": "ج م ل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "EyL20", - "name": "defBlock", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "RbPTp", - "name": "defLabel", - "fill": "#A1A1AAB3", - "content": "DEFINITION", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.5 - }, - { - "type": "text", - "id": "JSppV", - "name": "defText", - "fill": "#1B1B2FCC", - "content": "حسن المنظر، وسيم", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 15, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "CSj5t", - "name": "morphBlock", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "C6M6i", - "name": "morphLabel", - "fill": "#A1A1AAB3", - "content": "MORPHOLOGY", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.5 - }, - { - "type": "frame", - "id": "bwWV2", - "name": "morphGrid", - "width": "fill_container", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "eoi6C", - "name": "mc1", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "OBtVE", - "name": "mc1l", - "fill": "#A1A1AA", - "content": "Feminine", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "8imJ1", - "name": "mc1v", - "fill": "#1B1B2FCC", - "content": "جَمِيلَة", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "bl4kn", - "name": "mc2", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "0VVWh", - "name": "mc2l", - "fill": "#A1A1AA", - "content": "Plural", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "d8wtB", - "name": "mc2v", - "fill": "#1B1B2FCC", - "content": "جِمَال", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "G4eCZ", - "name": "mc3", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "Z33mj", - "name": "mc3l", - "fill": "#A1A1AA", - "content": "Elative", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "ANciT", - "name": "mc3v", - "fill": "#1B1B2FCC", - "content": "أَجْمَل", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "gPsLd", - "name": "exBlock", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "3Zfn4", - "name": "exLabel", - "fill": "#A1A1AAB3", - "content": "EXAMPLES", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.5 - }, - { - "type": "frame", - "id": "gexR3", - "name": "exBox", - "width": "fill_container", - "fill": "#F8F8FB", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA40" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 14 - ], - "children": [ - { - "type": "text", - "id": "7MROV", - "name": "exAr", - "fill": "#1B1B2FE6", - "content": "هذا مكانٌ جَمِيلٌ جداً", - "fontFamily": "Noto Naskh Arabic", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "sQEs5", - "name": "exEn", - "fill": "#6B6F80", - "content": "This is a very beautiful place", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "pNi5A", - "name": "tagRow", - "width": "fill_container", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "Pc8wB", - "name": "tp1", - "height": 22, - "fill": "#F4F4F8", - "cornerRadius": 11, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "oDHpe", - "name": "tp1t", - "fill": "#6B6F80", - "content": "adjective", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Pk6j2", - "name": "tp2", - "height": 22, - "fill": "#F4F4F8", - "cornerRadius": 11, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "I78hw", - "name": "tp2t", - "fill": "#6B6F80", - "content": "beginner", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "nb0HO", - "name": "tp3", - "height": 22, - "fill": "#F4F4F8", - "cornerRadius": 11, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "i6Qw2", - "name": "tp3t", - "fill": "#6B6F80", - "content": "daily", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "MyMVA", - "name": "Word Card — Noun 2", - "clip": true, - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "children": [ - { - "type": "rectangle", - "id": "5NcqR", - "name": "card4Acc", - "fill": "#4F46E5", - "width": 4, - "height": "fill_container" - }, - { - "type": "frame", - "id": "vfIn5", - "name": "card4Body", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 14, - 18, - 14, - 14 - ], - "children": [ - { - "type": "frame", - "id": "C82QZ", - "name": "card4Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "TGWMe", - "name": "card4Left", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1G5Z2", - "name": "card4Ar", - "fill": "#1B1B2F", - "content": "مَدْرَسَة", - "lineHeight": 1.1, - "fontFamily": "Noto Naskh Arabic", - "fontSize": 36, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "nF6VI", - "name": "card4Bdg", - "height": 22, - "fill": "#4F46E50F", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WyfmZ", - "name": "card4BdgT", - "fill": "#4F46E5", - "content": "Noun", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - } - ] - } - ] - }, - { - "type": "frame", - "id": "QD8K4", - "name": "card4Acts", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "3DXH0", - "name": "card4C", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "UFGL0", - "name": "card4CI", - "width": 15, - "height": 15, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "MjEde", - "name": "card4E", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "AGbyy", - "name": "card4EI", - "width": 15, - "height": 15, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "rB6X4", - "name": "card4X", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "CB411", - "name": "card4XI", - "width": 15, - "height": 15, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "a0eV1", - "name": "card4Trans", - "fill": "#6B6F80", - "content": "school", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "i1Gx9", - "name": "Word Card — Verb 2", - "clip": true, - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "children": [ - { - "type": "rectangle", - "id": "ZqWFR", - "name": "card5Acc", - "fill": "#16A34A", - "width": 4, - "height": "fill_container" - }, - { - "type": "frame", - "id": "WIizX", - "name": "card5Body", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 14, - 18, - 14, - 14 - ], - "children": [ - { - "type": "frame", - "id": "RH7P3", - "name": "card5Top", - "width": "fill_container", - "justifyContent": "space_between", - "children": [ - { - "type": "frame", - "id": "Pv7ZN", - "name": "card5Left", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WMztk", - "name": "card5Ar", - "fill": "#1B1B2F", - "content": "ذَهَبَ", - "lineHeight": 1.1, - "fontFamily": "Noto Naskh Arabic", - "fontSize": 36, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "zI9gn", - "name": "card5Bdg", - "height": 22, - "fill": "#16A34A0F", - "cornerRadius": 6, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "cF1lr", - "name": "card5BdgT", - "fill": "#16A34A", - "content": "Verb", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - } - ] - } - ] - }, - { - "type": "frame", - "id": "0K5Zd", - "name": "card5Acts", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "mVInG", - "name": "card5C", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "JLaMY", - "name": "card5CI", - "width": 15, - "height": 15, - "iconFontName": "copy", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "q0L4j", - "name": "card5E", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "9RGKH", - "name": "card5EI", - "width": 15, - "height": 15, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - }, - { - "type": "frame", - "id": "5x10v", - "name": "card5X", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "jh1aK", - "name": "card5XI", - "width": 15, - "height": 15, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "eexBj", - "name": "card5Trans", - "fill": "#6B6F80", - "content": "to go", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "uqZAR", - "x": 0, - "y": 2110, - "name": "Decks", - "clip": true, - "width": 1440, - "height": 900, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "WFZ2L", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 16, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "CnYuR", - "name": "dLogo", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - } - }, - { - "type": "frame", - "id": "XKbXc", - "name": "dNavGroup", - "layout": "vertical", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "kDjG0", - "name": "dNavHome", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "kVkaN", - "name": "dNavHomeI", - "width": 20, - "height": 20, - "iconFontName": "house", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - }, - { - "type": "frame", - "id": "JOYp9", - "name": "dNavDecks", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "DqEhn", - "name": "dNavDecksI", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - } - ] - }, - { - "type": "frame", - "id": "frv5Q", - "name": "dSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "dftnT", - "name": "dSettings", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "xqeyB", - "name": "dSettingsI", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "iWh51", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 24, - "padding": [ - 32, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "zRYyB", - "name": "dContentCol", - "width": 896, - "layout": "vertical", - "gap": 16, - "alignItems": "end", - "children": [ - { - "type": "frame", - "id": "Nc3IR", - "name": "createBtn", - "height": 34, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 6, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "y1yU0", - "name": "createBtnI", - "width": 15, - "height": 15, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "#1B1B2F" - }, - { - "type": "text", - "id": "iQ5kU", - "name": "createBtnT", - "fill": "#1B1B2F", - "content": "Create deck", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "AxXHI", - "name": "Decks Card", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "4rol7", - "name": "dcHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "k1jcx", - "name": "dcTitle", - "fill": "#1B1B2F", - "content": "Decks", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "WHJs9", - "name": "dcDesc", - "fill": "#6B6F80", - "content": "Manage your decks and study them.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "XA5R8", - "name": "tableHeader", - "width": "fill_container", - "height": 40, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 24 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "HiYgg", - "name": "thName", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 240, - "content": "Name", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "MCIiI", - "name": "thReview", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 100, - "content": "To review", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "c2pew", - "name": "thBacklog", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 100, - "content": "Backlog", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "sCcaP", - "name": "thTotal", - "fill": "#A1A1AA", - "textGrowth": "fixed-width", - "width": 80, - "content": "Total", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "hfJ6E", - "name": "thActions", - "width": "fill_container", - "height": 1 - } - ] - }, - { - "type": "frame", - "id": "JtLxi", - "name": "row1", - "width": "fill_container", - "height": 48, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E2E3EA40" - }, - "padding": [ - 0, - 24 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "GWKPy", - "name": "r1Name", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 240, - "content": "Beginner Essentials", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "NPs56", - "name": "r1Review", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 100, - "content": "5", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "45V2U", - "name": "r1Backlog", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 100, - "content": "2", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "wX6LO", - "name": "r1Total", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 80, - "content": "48", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "91b5S", - "name": "r1Actions", - "width": "fill_container", - "gap": 6, - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "BnMDy", - "name": "r1Study", - "height": 30, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ipRlM", - "name": "r1StudyT", - "fill": "#1B1B2F", - "content": "Study", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "fLJHW", - "name": "r1More", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "2F5zV", - "name": "r1MoreI", - "width": 16, - "height": 16, - "iconFontName": "ellipsis", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "pHwDn", - "name": "row2", - "width": "fill_container", - "height": 48, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E2E3EA40" - }, - "padding": [ - 0, - 24 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "hiBjq", - "name": "r2Name", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 240, - "content": "Verbs Practice", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "7CVbw", - "name": "r2Review", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 100, - "content": "12", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "biVNx", - "name": "r2Backlog", - "fill": "#A1A1AA", - "textGrowth": "fixed-width", - "width": 100, - "content": "-", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "Bk80P", - "name": "r2Total", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 80, - "content": "67", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "f1bYo", - "name": "r2Actions", - "width": "fill_container", - "gap": 6, - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "mluja", - "name": "r2Study", - "height": 30, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "eAk3W", - "name": "r2StudyT", - "fill": "#1B1B2F", - "content": "Study", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "mkjFX", - "name": "r2More", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "f5eBV", - "name": "r2MoreI", - "width": 16, - "height": 16, - "iconFontName": "ellipsis", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "XgY0V", - "name": "row3", - "width": "fill_container", - "height": 48, - "padding": [ - 0, - 24 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "BBs7O", - "name": "r3Name", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 240, - "content": "Daily Conversation", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "cIJnm", - "name": "r3Review", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 100, - "content": "3", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "hPZIs", - "name": "r3Backlog", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": 100, - "content": "8", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "UNLwq", - "name": "r3Total", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 80, - "content": "35", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "d1D5P", - "name": "r3Actions", - "width": "fill_container", - "gap": 6, - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "6Z4iV", - "name": "r3Study", - "height": 30, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "EsDQg", - "name": "r3StudyT", - "fill": "#1B1B2F", - "content": "Study", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "4i6PY", - "name": "r3More", - "width": 30, - "height": 30, - "cornerRadius": 6, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "83c4G", - "name": "r3MoreI", - "width": 16, - "height": 16, - "iconFontName": "ellipsis", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "VKK7A", - "x": 1590, - "y": 2110, - "name": "Settings", - "clip": true, - "width": 1440, - "height": 1720, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "2XmWC", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 16, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "LpY6g", - "name": "sLogo", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - } - }, - { - "type": "frame", - "id": "iiNkj", - "name": "sNavGrp", - "layout": "vertical", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Kc1Kj", - "name": "sNH", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "RxmBa", - "name": "sNHI", - "width": 20, - "height": 20, - "iconFontName": "house", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - }, - { - "type": "frame", - "id": "HZhhG", - "name": "sND", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "U2nVP", - "name": "sNDI", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "RuGeK", - "name": "sSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "Ar8dl", - "name": "sSettBtn", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "uWqEP", - "name": "sSettI", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - } - ] - }, - { - "type": "frame", - "id": "ZVU7k", - "name": "Main Content", - "width": "fill_container", - "height": 1720, - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 24, - "padding": [ - 32, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1wNwr", - "name": "sTitle", - "fill": "#1B1B2F", - "content": "Settings", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "600", - "letterSpacing": -0.5 - }, - { - "type": "frame", - "id": "vjikR", - "name": "Settings Cards", - "width": 896, - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "6XfE3", - "name": "Appearance Card", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "NIz0U", - "name": "acHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "X3wVU", - "name": "acTitle", - "fill": "#1B1B2F", - "content": "Appearance", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "Wt6k6", - "name": "acDesc", - "fill": "#6B6F80", - "content": "Customize how the application looks for you.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "zIWIm", - "name": "acContent", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "i6iqo", - "name": "themeRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "2hJwt", - "name": "themeLabel", - "fill": "#1B1B2F", - "content": "Theme", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "ilzJf", - "name": "themeSelect", - "width": 180, - "height": 36, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SpFnm", - "name": "themeSelLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "zwWCK", - "name": "themeIcon", - "width": 16, - "height": 16, - "iconFontName": "sun", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "ayIHO", - "name": "themeVal", - "fill": "#1B1B2F", - "content": "Light", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "01EnJ", - "name": "themeChev", - "width": 14, - "height": 14, - "iconFontName": "chevrons-up-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - }, - { - "type": "frame", - "id": "Bs6Yh", - "name": "colorRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ga7Nd", - "name": "colorLabel", - "fill": "#1B1B2F", - "content": "Color theme", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "HXnGs", - "name": "colorSelect", - "width": 180, - "height": 36, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "fYQds", - "name": "colorSelLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "LJzf9", - "name": "colorIcon", - "width": 16, - "height": 16, - "iconFontName": "palette", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "thmxi", - "name": "colorVal", - "fill": "#1B1B2F", - "content": "Default", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "IXo7x", - "name": "colorChev", - "width": 14, - "height": 14, - "iconFontName": "chevrons-up-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - }, - { - "type": "frame", - "id": "MLoUF", - "name": "langRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "j1Ly7", - "name": "langLabel", - "fill": "#1B1B2F", - "content": "Language", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "8phm4", - "name": "langSelect", - "width": 180, - "height": 36, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "9UGgG", - "name": "langVal", - "fill": "#1B1B2F", - "content": "English", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "nYEmR", - "name": "langChev", - "width": 14, - "height": 14, - "iconFontName": "chevrons-up-down", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "GfGX3", - "name": "Dictionary Card", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "13DBU", - "name": "dictH", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "BpJBn", - "name": "dictTitle", - "fill": "#1B1B2F", - "content": "Dictionary", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "GYx2y", - "name": "dictDesc", - "fill": "#6B6F80", - "content": "Manage your dictionary.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "lGF5H", - "name": "importSect", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 24, - 16, - 24 - ], - "children": [ - { - "type": "frame", - "id": "POwu7", - "name": "importRow", - "width": "fill_container", - "gap": 12, - "alignItems": "end", - "children": [ - { - "type": "frame", - "id": "60r0r", - "name": "fileInput", - "width": 280, - "height": 36, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "AZZRh", - "name": "fileText", - "fill": "#A1A1AA", - "content": "No file chosen", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "YbLL1", - "name": "importBtn", - "height": 36, - "fill": "#4F46E5", - "cornerRadius": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "KlF0H", - "name": "importBtnT", - "fill": "#FFFFFF", - "content": "Import", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "vTB7Y", - "name": "importWarn", - "fill": "#E5484D", - "content": "Any words that have the same ID will be overwritten.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "B8tfk", - "name": "exportSect", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "#E2E3EA40" - }, - "padding": [ - 12, - 24, - 16, - 24 - ], - "children": [ - { - "type": "frame", - "id": "gGgTr", - "name": "exportBtn", - "height": 36, - "fill": "#F4F4F8", - "cornerRadius": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "MFPAj", - "name": "exportBtnT", - "fill": "#1B1B2F", - "content": "Export", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "jdcCT", - "name": "deleteSect", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "#E2E3EA40" - }, - "padding": [ - 12, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "yZ9tm", - "name": "deleteBtn", - "height": 36, - "fill": "#E5484D", - "cornerRadius": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "K9nMF", - "name": "deleteBtnT", - "fill": "#FFFFFF", - "content": "Delete", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "0daPR", - "name": "Flashcards Card", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "DSnJZ", - "name": "fcH", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "ctD3B", - "name": "fcTitle", - "fill": "#1B1B2F", - "content": "Flashcards", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "CBYfb", - "name": "fcDesc", - "fill": "#6B6F80", - "content": "Customize how flashcards appear.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "EQyXq", - "name": "fcContent", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 24, - 24, - 24 - ], - "children": [ - { - "type": "text", - "id": "q3Gp9", - "name": "antLabel", - "fill": "#1B1B2F", - "content": "How should antonyms be shown in flashcards?", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "tTwSp", - "name": "radioGroup", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "zIeRZ", - "name": "radio1", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "I2OpJ", - "name": "radio1Dot", - "width": 16, - "height": 16, - "stroke": { - "align": "inside", - "thickness": 1.5, - "fill": "#E2E3EA" - } - }, - { - "type": "text", - "id": "DzA9B", - "name": "radio1Text", - "fill": "#1B1B2F", - "content": "Don't show", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "K9zib", - "name": "radio2", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "Q2XNF", - "name": "radio2Dot", - "width": 16, - "height": 16, - "stroke": { - "align": "inside", - "thickness": 4, - "fill": "#4F46E5" - } - }, - { - "type": "text", - "id": "pNEZu", - "name": "radio2Text", - "fill": "#1B1B2F", - "content": "Show as a hint", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "BLfmL", - "name": "radio3", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "pGBq9", - "name": "radio3Dot", - "width": 16, - "height": 16, - "stroke": { - "align": "inside", - "thickness": 1.5, - "fill": "#E2E3EA" - } - }, - { - "type": "text", - "id": "511uF", - "name": "radio3Text", - "fill": "#1B1B2F", - "content": "Show after revealing the answer", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "VJLxI", - "name": "toggleRow", - "width": "fill_container", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": 16, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Re2iE", - "name": "toggleLeft", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "6ej3b", - "name": "toggleLabel", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "OpMtU", - "name": "toggleLabelText", - "fill": "#1B1B2F", - "content": "Reverse flashcards", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "pQmCY", - "name": "betaBadge", - "height": 18, - "fill": "#4F46E510", - "cornerRadius": 4, - "padding": [ - 0, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "JOrCk", - "name": "betaText", - "fill": "#4F46E5", - "content": "Beta", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "text", - "id": "xSTgT", - "name": "toggleDesc", - "fill": "#6B6F80", - "content": "Show English to Arabic flashcards.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "eoz0z", - "name": "toggleSwitch", - "width": 40, - "height": 22, - "fill": "#E2E3EA", - "cornerRadius": 11, - "padding": 2, - "children": [ - { - "type": "ellipse", - "id": "hfNWm", - "name": "toggleKnob", - "fill": "#FFFFFF", - "width": 18, - "height": 18 - } - ] - } - ] - }, - { - "type": "frame", - "id": "JqtxV", - "name": "saveBtn", - "height": 36, - "fill": "#4F46E5", - "cornerRadius": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WtGbc", - "name": "saveBtnT", - "fill": "#FFFFFF", - "content": "Save", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "KcMqO", - "name": "clearSection", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "#E2E3EA40" - }, - "layout": "vertical", - "gap": 12, - "padding": [ - 16, - 0, - 0, - 0 - ], - "children": [ - { - "type": "frame", - "id": "A7Xjf", - "name": "clearBox", - "width": "fill_container", - "cornerRadius": 10, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": 16, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dxUIU", - "name": "clearLeft", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "MiX5o", - "name": "clearTitle", - "fill": "#1B1B2F", - "content": "Clear backlog", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "tATLl", - "name": "clearDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 420, - "content": "Reschedule all backlog cards by grading them as 'Hard'.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "BZQ7o", - "name": "clearBtn", - "height": 30, - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ngoWm", - "name": "clearBtnT", - "fill": "#1B1B2F", - "content": "Clear", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "Dj52Q", - "name": "Debugging Card", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "jIJTd", - "name": "debugH", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "OzFga", - "name": "debugTitle", - "fill": "#1B1B2F", - "content": "Debugging", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "mFp9d", - "name": "debugDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": 848, - "content": "If you're experiencing sync issues or data not loading correctly, you can reset your local data and re-sync from the server.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "dmEY3", - "name": "debugContent", - "width": "fill_container", - "padding": [ - 12, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "u1Vi3", - "name": "resetBtn", - "height": 36, - "fill": "#F4F4F8", - "cornerRadius": 8, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "aHG7c", - "name": "resetBtnT", - "fill": "#1B1B2F", - "content": "Reset local data", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "MQa7b", - "x": 3180, - "y": 2110, - "name": "Billing Card — Free", - "width": 896, - "fill": "#FFFFFF", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "OOChT", - "name": "Billing Card — Free", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "xY4MG", - "name": "billingHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "gZyye", - "name": "hTitle", - "fill": "#1B1B2F", - "content": "Billing", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "wyjOF", - "name": "hDesc", - "fill": "#6B6F80", - "content": "Manage your subscription.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "XUQg9", - "name": "planSection", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "0mO8A", - "name": "planRow", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "LvVYn", - "name": "planLeft", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "4w8Fv", - "name": "planLabel", - "fill": "#6B6F80", - "content": "Current plan", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "ioIB7", - "name": "planNameRow", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "25ENL", - "name": "planName", - "fill": "#1B1B2F", - "content": "Free", - "fontFamily": "Inter", - "fontSize": 22, - "fontWeight": "700", - "letterSpacing": -0.3 - } - ] - } - ] - }, - { - "type": "text", - "id": "Rd6ce", - "name": "upgradeLabel", - "fill": "#1B1B2F", - "content": "Upgrade to Pro", - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "cX0BQ", - "name": "upgradeButtons", - "width": "fill_container", - "gap": 10, - "children": [ - { - "type": "frame", - "id": "LF2Dx", - "name": "monthlyBtn", - "width": "fill_container", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 12, - 20 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "nveAj", - "name": "mTxt", - "fill": "#1B1B2F", - "content": "Monthly — $10/mo", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "BQ0pU", - "name": "mSub", - "fill": "#9CA3AF", - "content": "Billed monthly", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "b7KNH", - "name": "annualBtn", - "width": "fill_container", - "fill": "#4F46E5", - "cornerRadius": 8, - "layout": "vertical", - "gap": 2, - "padding": [ - 12, - 20 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "VRhDC", - "name": "annualTopRow", - "gap": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "FXOtS", - "name": "aTxt", - "fill": "#FFFFFF", - "content": "Annual — $7/mo", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "LjTnz", - "name": "saveBadge", - "fill": "#FFFFFF25", - "cornerRadius": 100, - "padding": [ - 2, - 8 - ], - "children": [ - { - "type": "text", - "id": "GlZHZ", - "name": "saveText", - "fill": "#FFFFFF", - "content": "Save 30%", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "text", - "id": "LLgQJ", - "name": "aSub", - "fill": "#FFFFFFB0", - "content": "Billed $84 / year", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "XJidR", - "x": 3180, - "y": 2605, - "name": "Billing Card — Pro", - "width": 896, - "fill": "#FFFFFF", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "U7s6j", - "name": "Billing Card — Pro", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "j2d8l", - "name": "billingHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 24, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "6tGxn", - "name": "hTitle", - "fill": "#1B1B2F", - "content": "Billing", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600", - "letterSpacing": -0.2 - }, - { - "type": "text", - "id": "RC3Ub", - "name": "hDesc", - "fill": "#6B6F80", - "content": "Manage your subscription.", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ZnAcW", - "name": "planSection", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "X1DsI", - "name": "planRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "jbDbq", - "name": "planLeft", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "Os7Bk", - "name": "planLabel", - "fill": "#6B6F80", - "content": "Current plan", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "RSGS3", - "name": "planNameRow", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "gloC2", - "name": "planName", - "fill": "#1B1B2F", - "content": "Pro", - "fontFamily": "Inter", - "fontSize": 22, - "fontWeight": "700", - "letterSpacing": -0.3 - }, - { - "type": "frame", - "id": "BZyH3", - "name": "planBadge", - "fill": "#EEF2FF", - "cornerRadius": 100, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "zpllo", - "name": "badgeText", - "fill": "#4F46E5", - "content": "Active", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ie8eQ", - "name": "upgradeBtn", - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 10, - 20 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "KVFQg", - "name": "upgradeTxt", - "fill": "#1B1B2F", - "content": "Manage Subscription", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "Ldu8R", - "x": 3080, - "y": 3930, - "name": "Add Word — Current State", - "clip": true, - "width": 1440, - "height": 1200, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "EUwce", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 16, - 0 - ], - "children": [ - { - "type": "frame", - "id": "br99w", - "name": "cLogo", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - }, - "justifyContent": "center", - "alignItems": "center" - }, - { - "type": "frame", - "id": "issGk", - "name": "cNavGrp", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "frame", - "id": "enicq", - "name": "cNavHome", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "zeGFH", - "name": "cNavHomeI", - "width": 20, - "height": 20, - "iconFontName": "book-open", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "c5bf3", - "name": "cNavDecks", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mB0tS", - "name": "cNavDecksI", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "g87HK", - "name": "cSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "i53H6", - "name": "cSettBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "zdyXp", - "name": "cSettI", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "kzbDr", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 20, - "padding": [ - 24, - 40 - ], - "children": [ - { - "type": "frame", - "id": "5OhGc", - "name": "cBreadcrumbs", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "eamfg", - "name": "cBcHome", - "fill": "#6B6F80", - "content": "Home", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "XVdh9", - "name": "cBcSep", - "fill": "#6B6F80", - "content": "/", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "HNcXh", - "name": "cBcCurrent", - "fill": "#1B1B2F", - "content": "Add word", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "9nfiU", - "name": "cHeaderRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "gFZvk", - "name": "cTitle", - "fill": "#1B1B2F", - "content": "Add a new word to your dictionary", - "fontFamily": "Inter", - "fontSize": 22, - "fontWeight": "600", - "letterSpacing": -0.3 - }, - { - "type": "frame", - "id": "e9Lmn", - "name": "cBtnRow", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "SKjVE", - "name": "cDiscardBtn", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rwInB", - "name": "cDiscardText", - "fill": "#6B6F80", - "content": "Discard", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "CUr1a", - "name": "cSaveBtn", - "fill": "#1B1B2F", - "cornerRadius": 8, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "uR8tV", - "name": "cSaveText", - "fill": "#FFFFFF", - "content": "Save", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "jjG94", - "name": "Form Grid", - "width": "fill_container", - "gap": 24, - "children": [ - { - "type": "frame", - "id": "QASe0", - "name": "Left Column", - "width": "fill_container", - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "IbZMX", - "name": "Basic Details", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "FbuOs", - "name": "bdHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "RzkiG", - "name": "bdTitle", - "fill": "#1B1B2F", - "content": "Basic Details", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "CP0B8", - "name": "bdBody", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "9NrTg", - "name": "bdWordField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "0eXZJ", - "name": "bdWordLbl", - "fill": "#3D3F4A", - "content": "Word*", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "nD2f2", - "name": "bdWordIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "4ZQYW", - "name": "bdWordPlc", - "fill": "#A0A3B1", - "content": "Enter Arabic word...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "3U5nh", - "name": "bdTransField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "96K1s", - "name": "bdTransLbl", - "fill": "#3D3F4A", - "content": "Translation*", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "6W40P", - "name": "bdTransIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "tMa4A", - "name": "bdTransPlc", - "fill": "#A0A3B1", - "content": "Enter English translation...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "kb8x2", - "name": "bdTransDesc", - "fill": "#6B6F80", - "content": "An English translation of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "lhifS", - "name": "Additional Details", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "0Pf6d", - "name": "adHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "FNnCm", - "name": "adTitle", - "fill": "#1B1B2F", - "content": "Additional Details", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "o5F0j", - "name": "adDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Information such as the word's root, meaning, and examples.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "YY79W", - "name": "adBody", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "d5Ksg", - "name": "adDefField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "7JHPE", - "name": "adDefLbl", - "fill": "#3D3F4A", - "content": "Definition", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "RwoZ5", - "name": "adDefIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "x5BlS", - "name": "adDefPlc", - "fill": "#A0A3B1", - "content": "Arabic definition...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "Lg2jk", - "name": "adDefDesc", - "fill": "#6B6F80", - "content": "An Arabic definition of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "d80RP", - "name": "adRootField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "zRaGq", - "name": "adRootLbl", - "fill": "#3D3F4A", - "content": "Root letters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "p9S5H", - "name": "adRootIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "hapTd", - "name": "adRootPlc", - "fill": "#A0A3B1", - "content": "ف ع ل", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "a7Q9N", - "name": "adRootDesc", - "fill": "#6B6F80", - "content": "The root letters of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "g6jNw", - "name": "adExWrap", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "ve13M", - "name": "adExHeader", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "a8INN", - "name": "adExTitle", - "fill": "#1B1B2F", - "content": "Examples", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - }, - { - "type": "text", - "id": "zjKGt", - "name": "adExDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Example usages of the word in different contexts.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "2b7hU", - "name": "adExAddBtn", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "gap": 4, - "padding": [ - 6, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "EPxrG", - "name": "adExAddIcon", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - }, - { - "type": "text", - "id": "gJwEq", - "name": "adExAddText", - "fill": "#6B6F80", - "content": "Add example", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "tslV6", - "name": "Morphology", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "tVcs3", - "name": "morphHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "2fn68", - "name": "morphTitle", - "fill": "#1B1B2F", - "content": "Morphology", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "Gjwb6", - "name": "morphDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The morphological breakdown of the word.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "hklHQ", - "name": "morphBody", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "Re9Lw", - "name": "morphRow1", - "width": "fill_container", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "v44fq", - "name": "mSingF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "v0wQX", - "name": "mSingLbl", - "fill": "#3D3F4A", - "content": "Singular", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "bQdm8", - "name": "mSingIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center" - } - ] - }, - { - "type": "frame", - "id": "hFMcV", - "name": "mDualF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "xoFoW", - "name": "mDualLbl", - "fill": "#3D3F4A", - "content": "Dual", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "7gEv5", - "name": "mDualIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center" - } - ] - } - ] - }, - { - "type": "frame", - "id": "xHpts", - "name": "mRow2", - "width": "fill_container", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "789rI", - "name": "mGenderF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "6iRyM", - "name": "mGenderLbl", - "fill": "#3D3F4A", - "content": "Gender", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "VHtRY", - "name": "mGenderIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "8J8DJ", - "name": "mGenderVal", - "fill": "#1B1B2F", - "content": "Masculine", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "QardB", - "name": "mGenderChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "jDJtU", - "name": "mInflF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "M7MIX", - "name": "mInflLbl", - "fill": "#3D3F4A", - "content": "Inflection", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "W6hML", - "name": "mInflIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "4CT3o", - "name": "mInflVal", - "fill": "#1B1B2F", - "content": "Triptote", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "U5pxT", - "name": "mInflChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "2aKQK", - "name": "Right Sidebar", - "width": 280, - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "I8FNF", - "name": "Category", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "Kjujy", - "name": "catHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "kFVGg", - "name": "catTitle", - "fill": "#1B1B2F", - "content": "Category", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "9Ua4b", - "name": "catDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "How the word is categorized.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "uEehB", - "name": "catBody", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "text", - "id": "sF16e", - "name": "catLbl", - "fill": "#3D3F4A", - "content": "Type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "iqaYU", - "name": "catSelect", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WDLZm", - "name": "catVal", - "fill": "#1B1B2F", - "content": "Ism", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "25BSc", - "name": "catChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ImF0L", - "name": "Tags", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "ICu4k", - "name": "tagHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "hFG7b", - "name": "tagTitle", - "fill": "#1B1B2F", - "content": "Tags", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "n2mOB", - "name": "tagDesc", - "fill": "#6B6F80", - "content": "Add tags to your word.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "wNo8q", - "name": "tagBody", - "width": "fill_container", - "layout": "vertical", - "gap": 10, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "yHmVL", - "name": "tagInput", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "h8epW", - "name": "tagPlc", - "fill": "#A0A3B1", - "content": "Search for a tag...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "4iJHJ", - "name": "tagRecent", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "ewdqU", - "name": "tagRecentLbl", - "fill": "#6B6F80", - "content": "Recently used", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "GfzJZ", - "name": "tagPills", - "width": "fill_container", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "b4nQy", - "name": "tagP1", - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "IwR8Q", - "name": "tagP1T", - "fill": "#3D3F4A", - "content": "transitive", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "es7dT", - "name": "tagP2", - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "0rCon", - "name": "tagP2T", - "fill": "#3D3F4A", - "content": "form-I", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "EOoXc", - "x": 0, - "y": 3930, - "name": "Add Word — AI Button", - "clip": true, - "width": 1440, - "height": 1200, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "6VqIS", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 16, - 0 - ], - "children": [ - { - "type": "frame", - "id": "khRKm", - "name": "cLogo", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - }, - "justifyContent": "center", - "alignItems": "center" - }, - { - "type": "frame", - "id": "ilntI", - "name": "cNavGrp", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "frame", - "id": "qC4KW", - "name": "cNavHome", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "F1gRS", - "name": "cNavHomeI", - "width": 20, - "height": 20, - "iconFontName": "book-open", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "pham9", - "name": "cNavDecks", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "5nZ2p", - "name": "cNavDecksI", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "XbLl5", - "name": "cSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "ukkVf", - "name": "cSettBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "h4vkF", - "name": "cSettI", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "RfLwL", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 20, - "padding": [ - 24, - 40 - ], - "children": [ - { - "type": "frame", - "id": "t8vot", - "name": "cBreadcrumbs", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "IzQc1", - "name": "cBcHome", - "fill": "#6B6F80", - "content": "Home", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "OWd36", - "name": "cBcSep", - "fill": "#6B6F80", - "content": "/", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "wJozn", - "name": "cBcCurrent", - "fill": "#1B1B2F", - "content": "Add word", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "uGaVi", - "name": "cHeaderRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "kVbIh", - "name": "cTitle", - "fill": "#1B1B2F", - "content": "Add a new word to your dictionary", - "fontFamily": "Inter", - "fontSize": 22, - "fontWeight": "600", - "letterSpacing": -0.3 - }, - { - "type": "frame", - "id": "MFiBR", - "name": "cBtnRow", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "vFFKd", - "name": "AI Autofill Btn", - "fill": { - "type": "gradient", - "gradientType": "linear", - "enabled": true, - "rotation": 90, - "size": { - "height": 1 - }, - "colors": [ - { - "color": "#4F46E5", - "position": 0 - }, - { - "color": "#6D5BF7", - "position": 1 - } - ] - }, - "cornerRadius": 8, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#4F46E514", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 4 - }, - "gap": 6, - "padding": [ - 8, - 14 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "nosrM", - "name": "aiHBIcon", - "width": 14, - "height": 14, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - }, - { - "type": "text", - "id": "Kf2BT", - "name": "aiHBText", - "fill": "#FFFFFF", - "content": "Auto-fill with AI", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "Zfsvk", - "name": "aiHBBadge", - "fill": "#FFFFFF20", - "cornerRadius": 3, - "padding": [ - 1, - 5 - ], - "children": [ - { - "type": "text", - "id": "3LC23", - "name": "aiHBBadgeT", - "fill": "#FFFFFF", - "content": "PRO", - "fontFamily": "Inter", - "fontSize": 9, - "fontWeight": "700", - "letterSpacing": 0.5 - } - ] - } - ] - }, - { - "type": "frame", - "id": "ymASC", - "name": "cDiscardBtn", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1XaTm", - "name": "cDiscardText", - "fill": "#6B6F80", - "content": "Discard", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "C7k1b", - "name": "cSaveBtn", - "fill": "#1B1B2F", - "cornerRadius": 8, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "fqnha", - "name": "cSaveText", - "fill": "#FFFFFF", - "content": "Save", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "239tb", - "name": "Form Grid", - "width": "fill_container", - "gap": 24, - "children": [ - { - "type": "frame", - "id": "jQmzs", - "name": "Left Column", - "width": "fill_container", - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "HEyEo", - "name": "Basic Details", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "yxkwd", - "name": "bdHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "wKknF", - "name": "bdTitle", - "fill": "#1B1B2F", - "content": "Basic Details", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "FSkBp", - "name": "bdBody", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "b0sYp", - "name": "bdWordField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "lkP3t", - "name": "bdWordLbl", - "fill": "#3D3F4A", - "content": "Word*", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "lNioE", - "name": "bdWordIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1.5, - "fill": "#4F46E5" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "p4CaF", - "name": "bdWordPlc", - "fill": "#1B1B2F", - "content": "كَتَبَ", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "AFcwl", - "name": "bdTransField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "dcbG6", - "name": "bdTransLbl", - "fill": "#3D3F4A", - "content": "Translation*", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "1C9tl", - "name": "bdTransIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "8cFQb", - "name": "bdTransPlc", - "fill": "#1B1B2F", - "content": "to write", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "vyuiq", - "name": "bdTransDesc", - "fill": "#6B6F80", - "content": "An English translation of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "uwlqN", - "name": "Additional Details", - "width": "fill_container", - "fill": "#FAFAFF", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "GWMn6", - "name": "adHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "frame", - "id": "wi3a6", - "name": "adAiRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "JJJdr", - "name": "adAiBadge", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "vWonn", - "name": "adAiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - }, - { - "type": "text", - "id": "9zzgO", - "name": "adAiText", - "fill": "#4F46E5", - "content": "AI-Generated", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "XyVfX", - "name": "adClearBtn", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "kQ9X1", - "name": "adClearIcon", - "width": 12, - "height": 12, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - }, - { - "type": "text", - "id": "J5r5w", - "name": "adClearText", - "fill": "#8B85D0", - "content": "Clear all", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "M66mC", - "name": "adTitle", - "fill": "#1B1B2F", - "content": "Additional Details", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "Yo2Hp", - "name": "adDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Information such as the word's root, meaning, and examples.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Wuz98", - "name": "adBody", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "gOhCe", - "name": "adDefField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "Px6Ny", - "name": "adDefLbl", - "fill": "#3D3F4A", - "content": "Definition", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "wbksG", - "name": "Def Input Row", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "gn8OH", - "name": "adDefIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "2SIZq", - "name": "adDefPlc", - "fill": "#1B1B2F", - "content": "سَطَّرَ، خَطَّ بِالقَلَم", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "0CNqg", - "name": "defSparkle", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - }, - { - "type": "text", - "id": "mjkT3", - "name": "adDefDesc", - "fill": "#6B6F80", - "content": "An Arabic definition of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "1xPSv", - "name": "adRootField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "Awls1", - "name": "adRootLbl", - "fill": "#3D3F4A", - "content": "Root letters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "hGqi3", - "name": "Root Input Row", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "S4Gw0", - "name": "adRootIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "PJhYb", - "name": "adRootPlc", - "fill": "#1B1B2F", - "content": "ك ت ب", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "slNtB", - "name": "rootSparkle", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - }, - { - "type": "text", - "id": "QEZcs", - "name": "adRootDesc", - "fill": "#6B6F80", - "content": "The root letters of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "7eClp", - "name": "adExWrap", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "dMuDz", - "name": "adExHeader", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "yIPLT", - "name": "adExTitle", - "fill": "#1B1B2F", - "content": "Examples", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - }, - { - "type": "text", - "id": "Q8K51", - "name": "adExDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Example usages of the word in different contexts.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "PTeUb", - "name": "Example 1", - "width": "fill_container", - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 14 - ], - "children": [ - { - "type": "frame", - "id": "z2Cy6", - "name": "ex1TopRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "oHsEZ", - "name": "ex1Label", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "DSRGB", - "name": "ex1Dot", - "fill": "#4F46E5", - "width": 5, - "height": 5 - }, - { - "type": "text", - "id": "jqdP3", - "name": "ex1CtxT", - "fill": "#4F46E5", - "content": "formal", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "bHsM0", - "name": "ex1Reset", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - }, - { - "type": "text", - "id": "7JSCV", - "name": "ex1Ar", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "كَتَبَ الطَّالِبُ رِسَالَةً إِلَى صَدِيقِهِ", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "EvVvn", - "name": "ex1En", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The student wrote a letter to his friend.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "F27eW", - "name": "Example 2", - "width": "fill_container", - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 14 - ], - "children": [ - { - "type": "frame", - "id": "h4xpO", - "name": "ex2TopRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Wex5w", - "name": "ex2Label", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "Prp6i", - "name": "ex2Dot", - "fill": "#22C55E", - "width": 5, - "height": 5 - }, - { - "type": "text", - "id": "n9A9J", - "name": "ex2CtxT", - "fill": "#22C55E", - "content": "modern", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "1RkKE", - "name": "ex2Reset", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - }, - { - "type": "text", - "id": "3KTIF", - "name": "ex2Ar", - "fill": "#1B1B2F", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "يَكْتُبُ المُؤَلِّفُ كِتَابًا جَدِيدًا كُلَّ عَام", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "48pDE", - "name": "ex2En", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The author writes a new book every year.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "coMHf", - "name": "Morphology", - "width": "fill_container", - "fill": "#FAFAFF", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "Scwys", - "name": "morphHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "frame", - "id": "enxPF", - "name": "mAiRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "FyDtg", - "name": "mAiBadge", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "2P8df", - "name": "mAiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - }, - { - "type": "text", - "id": "hHW0D", - "name": "mAiText", - "fill": "#4F46E5", - "content": "AI-Generated", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "kWpIs", - "name": "mClearBtn", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "16mVx", - "name": "mClearIcon", - "width": 12, - "height": 12, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - }, - { - "type": "text", - "id": "ZICG2", - "name": "mClearText", - "fill": "#8B85D0", - "content": "Clear all", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "SbysH", - "name": "morphTitle", - "fill": "#1B1B2F", - "content": "Morphology", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "IQigT", - "name": "morphDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The morphological breakdown of the word.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "htFLn", - "name": "morphBody", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "zZOV9", - "name": "morphRow1", - "width": "fill_container", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "yQFDr", - "name": "mSingF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "lu7zi", - "name": "mSingLbl", - "fill": "#3D3F4A", - "content": "Singular", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "i48jU", - "name": "Sing Input Row", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "HMwvc", - "name": "mSingIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "JxBmc", - "name": "singVal", - "fill": "#1B1B2F", - "content": "كِتَاب", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "b6ucK", - "name": "singSparkle", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - } - ] - }, - { - "type": "frame", - "id": "9r9Ow", - "name": "mDualF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "pvSAN", - "name": "mDualLbl", - "fill": "#3D3F4A", - "content": "Dual", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "ixLPz", - "name": "Dual Input Row", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Gpb8z", - "name": "mDualIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "h0rrS", - "name": "dualVal", - "fill": "#1B1B2F", - "content": "كِتَابَان", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "d1Fal", - "name": "dualSparkle", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "LjAhZ", - "name": "mRow2", - "width": "fill_container", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "NAJk8", - "name": "mGenderF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "pks93", - "name": "mGenderLbl", - "fill": "#3D3F4A", - "content": "Gender", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "HeGTz", - "name": "Gender Input Row", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "8NnnW", - "name": "mGenderIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "swVnK", - "name": "mGenderVal", - "fill": "#1B1B2F", - "content": "Masculine", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "8FJW8", - "name": "genderSparkle", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - } - ] - }, - { - "type": "frame", - "id": "X3pbL", - "name": "mInflF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "ykBU7", - "name": "mInflLbl", - "fill": "#3D3F4A", - "content": "Inflection", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "aZofN", - "name": "Infl Input Row", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "YTvNt", - "name": "mInflIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#D4D0F8" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "pas2Q", - "name": "mInflVal", - "fill": "#1B1B2F", - "content": "Triptote", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "yRfBG", - "name": "inflSparkle", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "cmW3V", - "name": "Right Sidebar", - "width": 280, - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "jF8PD", - "name": "Category", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "9HKJH", - "name": "catHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "ieq6U", - "name": "catTitle", - "fill": "#1B1B2F", - "content": "Category", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "8fjnn", - "name": "catDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "How the word is categorized.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "3oKIz", - "name": "catBody", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "text", - "id": "16a6o", - "name": "catLbl", - "fill": "#3D3F4A", - "content": "Type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "S4NWc", - "name": "catSelect", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "TXoKP", - "name": "catVal", - "fill": "#1B1B2F", - "content": "Ism", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "QXqGC", - "name": "catChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "4JBYW", - "name": "Tags", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "ANznn", - "name": "tagHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "PgK6L", - "name": "tagTitle", - "fill": "#1B1B2F", - "content": "Tags", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "pdj6Y", - "name": "tagDesc", - "fill": "#6B6F80", - "content": "Add tags to your word.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "p5axP", - "name": "tagBody", - "width": "fill_container", - "layout": "vertical", - "gap": 10, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "Stpa5", - "name": "tagInput", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "k0RQs", - "name": "tagPlc", - "fill": "#A0A3B1", - "content": "Search for a tag...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "6NgNU", - "name": "tagRecent", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "a9FJj", - "name": "tagRecentLbl", - "fill": "#6B6F80", - "content": "Recently used", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "jfXfF", - "name": "tagPills", - "width": "fill_container", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "Sdop6", - "name": "tagP1", - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "XASQm", - "name": "tagP1T", - "fill": "#3D3F4A", - "content": "transitive", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "YRttD", - "name": "tagP2", - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "ZDFvh", - "name": "tagP2T", - "fill": "#3D3F4A", - "content": "form-I", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "48UPU", - "x": 1540, - "y": 3930, - "name": "Add Word — Auto Suggest", - "clip": true, - "width": 1440, - "height": 1200, - "fill": "#FFFFFF", - "children": [ - { - "type": "frame", - "id": "1MsIp", - "name": "Sidebar", - "width": 56, - "height": "fill_container", - "fill": "#FCFCFC", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "#E0E2EC" - }, - "layout": "vertical", - "gap": 16, - "padding": [ - 16, - 0 - ], - "children": [ - { - "type": "frame", - "id": "3GlcW", - "name": "cLogo", - "width": 28, - "height": 28, - "fill": { - "type": "image", - "enabled": true, - "url": "./apps/web/src/assets/logo.svg", - "mode": "fit" - }, - "justifyContent": "center", - "alignItems": "center" - }, - { - "type": "frame", - "id": "9QMZM", - "name": "cNavGrp", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "frame", - "id": "Yda3c", - "name": "cNavHome", - "width": 36, - "height": 36, - "fill": "#4F46E518", - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "784Ci", - "name": "cNavHomeI", - "width": 20, - "height": 20, - "iconFontName": "book-open", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - } - ] - }, - { - "type": "frame", - "id": "4JLGH", - "name": "cNavDecks", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Fb0rQ", - "name": "cNavDecksI", - "width": 20, - "height": 20, - "iconFontName": "layers", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "E0Vrs", - "name": "cSpacer", - "width": 36, - "height": "fill_container" - }, - { - "type": "frame", - "id": "6GGhO", - "name": "cSettBtn", - "width": 36, - "height": 36, - "cornerRadius": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "n5vfB", - "name": "cSettI", - "width": 20, - "height": 20, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "q9S2p", - "name": "Main Content", - "width": "fill_container", - "height": "fill_container", - "fill": "#FFFFFF", - "layout": "vertical", - "gap": 20, - "padding": [ - 24, - 40 - ], - "children": [ - { - "type": "frame", - "id": "rurQf", - "name": "cBreadcrumbs", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "X3CB7", - "name": "cBcHome", - "fill": "#6B6F80", - "content": "Home", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "O4WEn", - "name": "cBcSep", - "fill": "#6B6F80", - "content": "/", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "Y3pGv", - "name": "cBcCurrent", - "fill": "#1B1B2F", - "content": "Add word", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "GCyvF", - "name": "cHeaderRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "53Ol8", - "name": "cTitle", - "fill": "#1B1B2F", - "content": "Add a new word to your dictionary", - "fontFamily": "Inter", - "fontSize": 22, - "fontWeight": "600", - "letterSpacing": -0.3 - }, - { - "type": "frame", - "id": "PDL0d", - "name": "cBtnRow", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "WqKUC", - "name": "cDiscardBtn", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "DbBou", - "name": "cDiscardText", - "fill": "#6B6F80", - "content": "Discard", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "o9OFO", - "name": "cSaveBtn", - "fill": "#1B1B2F", - "cornerRadius": 8, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "5XKV8", - "name": "cSaveText", - "fill": "#FFFFFF", - "content": "Save", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "4ROjN", - "name": "Form Grid", - "width": "fill_container", - "gap": 24, - "children": [ - { - "type": "frame", - "id": "GL54t", - "name": "Left Column", - "width": "fill_container", - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "RF3t2", - "name": "Basic Details", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "PYGU0", - "name": "bdHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "ceak7", - "name": "bdTitle", - "fill": "#1B1B2F", - "content": "Basic Details", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "Ww7jR", - "name": "bdBody", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "Q0d9s", - "name": "bdWordField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "hDCgn", - "name": "bdWordLbl", - "fill": "#3D3F4A", - "content": "Word*", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "SXZmW", - "name": "bdWordIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1.5, - "fill": "#4F46E5" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "6he37", - "name": "bdWordPlc", - "fill": "#1B1B2F", - "content": "كَتَبَ", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rN3x8", - "name": "bdTransField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "8yCQ5", - "name": "bdTransLbl", - "fill": "#3D3F4A", - "content": "Translation*", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "U6Sgn", - "name": "bdTransIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "G9XGn", - "name": "bdTransPlc", - "fill": "#1B1B2F", - "content": "to write", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "lo0c4", - "name": "bdTransDesc", - "fill": "#6B6F80", - "content": "An English translation of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "Pz0rJ", - "name": "Additional Details", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "xoP3x", - "name": "adHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "mlIDV", - "name": "adTitle", - "fill": "#1B1B2F", - "content": "Additional Details", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "37i3P", - "name": "adDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Information such as the word's root, meaning, and examples.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "UCCGp", - "name": "adBody", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "UuWqf", - "name": "adDefField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "lzlon", - "name": "adDefLbl", - "fill": "#3D3F4A", - "content": "Definition", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "y6OoF", - "name": "adDefIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbDb3", - "name": "adDefPlc", - "fill": "#8B85D0", - "content": "سَطَّرَ، خَطَّ بِالقَلَم", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "icon_font", - "id": "5m5D7", - "name": "defHint", - "width": 14, - "height": 14, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D040" - } - ] - }, - { - "type": "text", - "id": "UFGe2", - "name": "adDefDesc", - "fill": "#6B6F80", - "content": "An Arabic definition of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "WK8Dx", - "name": "adRootField", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "vLBmX", - "name": "adRootLbl", - "fill": "#3D3F4A", - "content": "Root letters", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "Q14oa", - "name": "adRootIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "3rP0U", - "name": "adRootPlc", - "fill": "#8B85D0", - "content": "ك ت ب", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "frame", - "id": "Yx8Aa", - "name": "rootHint", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6sUIl", - "name": "rootHintI", - "width": 12, - "height": 12, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - }, - { - "type": "text", - "id": "Tu7D8", - "name": "rootHintT", - "fill": "#8B85D0", - "content": "Tab ↵", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "Htn1N", - "name": "adRootDesc", - "fill": "#6B6F80", - "content": "The root letters of the word.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "FK0bQ", - "name": "adExWrap", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "a1hEJ", - "name": "sugHint", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "J9mr5", - "name": "sugHintI", - "width": 12, - "height": 12, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D0" - }, - { - "type": "text", - "id": "j5RDI", - "name": "sugHintT", - "fill": "#8B85D0", - "content": "2 suggestions available", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "oEauC", - "name": "adExHeader", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "3Gij7", - "name": "adExTitle", - "fill": "#1B1B2F", - "content": "Examples", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - }, - { - "type": "text", - "id": "XwBrL", - "name": "adExDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Example usages of the word in different contexts.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "triB7", - "name": "Suggestion 1", - "width": "fill_container", - "fill": "#FAFAFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 14 - ], - "children": [ - { - "type": "text", - "id": "kexqs", - "name": "exS1Ar", - "fill": "#8B85D0", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "كَتَبَ الطَّالِبُ رِسَالَةً إِلَى صَدِيقِهِ", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "text", - "id": "6mVWl", - "name": "exS1En", - "fill": "#8B85D080", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The student wrote a letter to his friend.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "frame", - "id": "ZoEtc", - "name": "exS1Actions", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dMppy", - "name": "exS1AccBtn", - "fill": "#4F46E510", - "cornerRadius": 5, - "gap": 4, - "padding": [ - 3, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "g7VMQ", - "name": "exS1AccI", - "width": 12, - "height": 12, - "iconFontName": "check", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - }, - { - "type": "text", - "id": "lj9LE", - "name": "exS1AccT", - "fill": "#4F46E5", - "content": "Accept", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - }, - { - "type": "text", - "id": "wtsDD", - "name": "exS1Dis", - "fill": "#6B6F80", - "content": "Dismiss", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "cyZUW", - "name": "Suggestion 2", - "width": "fill_container", - "fill": "#FAFAFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 14 - ], - "children": [ - { - "type": "text", - "id": "waFgW", - "name": "exS2Ar", - "fill": "#8B85D0", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "يَكْتُبُ المُؤَلِّفُ كِتَابًا جَدِيدًا كُلَّ عَام", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "text", - "id": "nIQSi", - "name": "exS2En", - "fill": "#8B85D080", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The author writes a new book every year.", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "frame", - "id": "fm0bE", - "name": "exS2Actions", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "w7Yq6", - "name": "exS2AccBtn", - "fill": "#4F46E510", - "cornerRadius": 5, - "gap": 4, - "padding": [ - 3, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "InR49", - "name": "exS2AccI", - "width": 12, - "height": 12, - "iconFontName": "check", - "iconFontFamily": "lucide", - "fill": "#4F46E5" - }, - { - "type": "text", - "id": "6wDOx", - "name": "exS2AccT", - "fill": "#4F46E5", - "content": "Accept", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - }, - { - "type": "text", - "id": "2pbrZ", - "name": "exS2Dis", - "fill": "#6B6F80", - "content": "Dismiss", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "3Ezpq", - "name": "Morphology", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "x0m2W", - "name": "morphHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "4V8GX", - "name": "morphTitle", - "fill": "#1B1B2F", - "content": "Morphology", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "FuE5e", - "name": "morphDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The morphological breakdown of the word.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Xnc8F", - "name": "morphBody", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "A0sk3", - "name": "morphRow1", - "width": "fill_container", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "xe0Cv", - "name": "mSingF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "Q6M7R", - "name": "mSingLbl", - "fill": "#3D3F4A", - "content": "Singular", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "sXLzh", - "name": "mSingIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "8FwiK", - "name": "singGhost", - "fill": "#8B85D0", - "content": "كِتَاب", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "icon_font", - "id": "Y4QJx", - "name": "singHint", - "width": 12, - "height": 12, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D040" - } - ] - } - ] - }, - { - "type": "frame", - "id": "YV5eA", - "name": "mDualF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "3V1wD", - "name": "mDualLbl", - "fill": "#3D3F4A", - "content": "Dual", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "ySuAP", - "name": "mDualIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "GvFXZ", - "name": "dualGhost", - "fill": "#8B85D0", - "content": "كِتَابَان", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal", - "fontStyle": "italic" - }, - { - "type": "icon_font", - "id": "klz47", - "name": "dualHint", - "width": 12, - "height": 12, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "#8B85D040" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "cGoex", - "name": "mRow2", - "width": "fill_container", - "gap": 12, - "children": [ - { - "type": "frame", - "id": "346Ge", - "name": "mGenderF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "iK4Em", - "name": "mGenderLbl", - "fill": "#3D3F4A", - "content": "Gender", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "66dJW", - "name": "mGenderIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Qy29T", - "name": "mGenderVal", - "fill": "#1B1B2F", - "content": "Masculine", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "Zg5Jz", - "name": "mGenderChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - }, - { - "type": "frame", - "id": "KySg0", - "name": "mInflF", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "text", - "id": "ONvHU", - "name": "mInflLbl", - "fill": "#3D3F4A", - "content": "Inflection", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "k5IX7", - "name": "mInflIn", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "F6u9R", - "name": "mInflVal", - "fill": "#1B1B2F", - "content": "Triptote", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "RpWBw", - "name": "mInflChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "N3F43", - "name": "Right Sidebar", - "width": 280, - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "frame", - "id": "Fk56D", - "name": "Category", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "xn10n", - "name": "catHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "3ODkz", - "name": "catTitle", - "fill": "#1B1B2F", - "content": "Category", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "jauGV", - "name": "catDesc", - "fill": "#6B6F80", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "How the word is categorized.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "icgg7", - "name": "catBody", - "width": "fill_container", - "layout": "vertical", - "gap": 6, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "text", - "id": "9YMFH", - "name": "catLbl", - "fill": "#3D3F4A", - "content": "Type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "tAlRO", - "name": "catSelect", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "27Txi", - "name": "catVal", - "fill": "#1B1B2F", - "content": "Ism", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "wJCqY", - "name": "catChev", - "width": 16, - "height": 16, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "#6B6F80" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "tIvJI", - "name": "Tags", - "width": "fill_container", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "hjHUW", - "name": "tagHeader", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 20, - 24, - 12, - 24 - ], - "children": [ - { - "type": "text", - "id": "Yakak", - "name": "tagTitle", - "fill": "#1B1B2F", - "content": "Tags", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "e4rTM", - "name": "tagDesc", - "fill": "#6B6F80", - "content": "Add tags to your word.", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "T7HNU", - "name": "tagBody", - "width": "fill_container", - "layout": "vertical", - "gap": 10, - "padding": [ - 0, - 24, - 24, - 24 - ], - "children": [ - { - "type": "frame", - "id": "3jkXi", - "name": "tagInput", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E2E3EA" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rwIed", - "name": "tagPlc", - "fill": "#A0A3B1", - "content": "Search for a tag...", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "QELWC", - "name": "tagRecent", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "qW4ar", - "name": "tagRecentLbl", - "fill": "#6B6F80", - "content": "Recently used", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "ARQSC", - "name": "tagPills", - "width": "fill_container", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "SK0N9", - "name": "tagP1", - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "1Z6CU", - "name": "tagP1T", - "fill": "#3D3F4A", - "content": "transitive", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "7r3gy", - "name": "tagP2", - "fill": "#F4F4F8", - "cornerRadius": 6, - "padding": [ - 4, - 10 - ], - "children": [ - { - "type": "text", - "id": "xIsM0", - "name": "tagP2T", - "fill": "#3D3F4A", - "content": "form-I", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "kTSLg", - "x": -1273, - "y": 4091, - "fill": { - "type": "image", - "enabled": true, - "url": "android-chrome-512x512.png", - "mode": "fill" - }, - "width": 512, - "height": 512 - } - ] -} \ No newline at end of file diff --git a/design/bahar.pen b/design/bahar.pen new file mode 100644 index 00000000..9b4774ba --- /dev/null +++ b/design/bahar.pen @@ -0,0 +1,36058 @@ +{ + "version": "2.9", + "children": [ + { + "type": "frame", + "id": "bi8Au", + "x": 0, + "y": 0, + "name": "Frame", + "clip": true, + "width": 800, + "height": 600, + "fill": "#FFFFFF", + "layout": "none" + }, + { + "type": "frame", + "id": "XXKiE", + "x": 900, + "y": 0, + "name": "Homepage", + "clip": true, + "width": 1440, + "height": 900, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "KcDr9", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 12, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XUqTU", + "name": "logoWrap", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + }, + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "Snvsr", + "name": "navItems", + "layout": "vertical", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "AkYaN", + "name": "navHomeBtn", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "DNq19", + "name": "navHomeIcon", + "width": 20, + "height": 20, + "iconFontName": "house", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "sFseQ", + "name": "navDecksBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "5ylPb", + "name": "navDecksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "zGj6u", + "name": "navSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "WnwJj", + "name": "navSettingsBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "tkJAB", + "name": "navSettingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "evUXj", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 16, + "padding": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "gGLll", + "name": "searchWrap", + "width": 768, + "children": [ + { + "type": "frame", + "id": "kwZjD", + "name": "Search Input", + "width": 450, + "height": 36, + "fill": "#FFFFFF", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000A", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 2 + }, + "gap": 8, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ps7iI", + "name": "sIcon", + "width": 16, + "height": 16, + "iconFontName": "search", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + }, + { + "type": "text", + "id": "WNhpK", + "name": "sText", + "fill": "#A1A1AA", + "content": "Search...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Kmxuh", + "name": "Dictionary Header", + "width": 768, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 20, + 24, + 16, + 24 + ], + "children": [ + { + "type": "frame", + "id": "85zRr", + "name": "headerRow", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "yT1D0", + "name": "headerLeft", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XTRN9", + "name": "iconCircle", + "width": 40, + "height": 40, + "fill": "#4F46E518", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E530" + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "BLvsI", + "name": "bookIcon2", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "Qsr7g", + "name": "titleBlock", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "EA5sw", + "name": "hTitle", + "fill": "#1B1B2F", + "content": "Your Dictionary", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "ZxunO", + "name": "hSubtitle", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "v0HJB", + "name": "hCount", + "fill": "#1B1B2FCC", + "content": "142", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "ifHHf", + "name": "hSep", + "fill": "#6B6F80", + "content": "results", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "F1GV4", + "name": "hTime", + "fill": "#6B6F80", + "content": "· 12ms", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "sESdr", + "name": "headerRight", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CXmqQ", + "name": "addWordBtn", + "height": 36, + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Tz03R", + "name": "addWordIcon", + "width": 16, + "height": 16, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "Cbwhy", + "name": "addWordText", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "Ra4vW", + "name": "reviewBtn2", + "height": 36, + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 8, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mqpnh", + "name": "reviewIcon2", + "width": 16, + "height": 16, + "iconFontName": "graduation-cap", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "zmlog", + "name": "reviewText2", + "fill": "#1B1B2F", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "1SVFH", + "name": "reviewBadge3", + "height": 20, + "fill": "#4F46E5", + "cornerRadius": 10, + "padding": [ + 0, + 6 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "IZNmZ", + "name": "reviewNum", + "fill": "#FFFFFF", + "content": "12", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "RqQZO", + "name": "filterToggle", + "height": 36, + "cornerRadius": 8, + "gap": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "RMt9e", + "name": "filterIcon2", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "jdTl1", + "name": "filterLabel", + "fill": "#6B6F80", + "content": "Show filters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "0KvLG", + "name": "Word Cards", + "width": 768, + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "ByWlm", + "name": "Word Card 1", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "rectangle", + "cornerRadius": 99, + "id": "tVCrc", + "name": "accentLine1", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 180, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4F46E599", + "position": 0 + }, + { + "color": "#4F46E533", + "position": 1 + } + ] + }, + "width": 3, + "height": 0 + }, + { + "type": "frame", + "id": "SqWJ3", + "name": "card1Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "P1I1b", + "name": "card1Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "yCqyp", + "name": "card1Title", + "fill": "#1B1B2F", + "content": "كِتَاب", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "wxtZU", + "name": "card1Actions", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "kFpfC", + "name": "card1Copy", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "5H9Xg", + "name": "card1CopyIcon", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "AfwD8", + "name": "card1Edit", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "CLwZC", + "name": "card1EditIcon", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "CxqsF", + "name": "card1Expand", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "h9Nhl", + "name": "card1ExpandIcon", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "P5dML", + "name": "card1Trans", + "fill": "#6B6F80", + "content": "book", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "8EaZU", + "name": "Word Card 2", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "frame", + "id": "sZPG9", + "name": "card2Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "cyh61", + "name": "card2Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "hI7Xh", + "name": "card2Title", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "tXc00", + "name": "card2Actions", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "X6Zya", + "name": "card2CopyBtn", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mRB6V", + "name": "card2CopyIcon", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "frk6y", + "name": "card2EditBtn", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "o36HM", + "name": "card2EditIcon", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "HQCcJ", + "name": "card2ExpandBtn", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "6oX6d", + "name": "card2ExpandIcon", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "yJrXY", + "name": "card2Trans", + "fill": "#6B6F80", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "dHsJP", + "name": "Word Card 3 (Expanded)", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 180, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F4F4F880", + "position": 0 + }, + { + "color": "#F4F4F84D", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "frame", + "id": "668JD", + "name": "card3Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "5iLdO", + "name": "card3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "ZKEJ5", + "name": "card3Title", + "fill": "#1B1B2F", + "content": "جَمِيل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "NHitg", + "name": "card3Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "JmWHN", + "name": "card3C", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "4tnvl", + "name": "card3CI", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "iugg6", + "name": "card3E", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "L20U8", + "name": "card3EI", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "N6AaI", + "name": "card3X", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "pfef4", + "name": "card3XI", + "width": 16, + "height": 16, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "utLjF", + "name": "card3Trans", + "fill": "#6B6F80", + "content": "beautiful, handsome", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "rectangle", + "id": "5HuCV", + "name": "expandDivider", + "fill": "#E2E3EA80", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "veNvH", + "name": "expandDetails", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 4, + 0, + 0, + 0 + ], + "children": [ + { + "type": "frame", + "id": "VuvSK", + "name": "typeRow", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "s2hAX", + "name": "typeBadge", + "height": 24, + "fill": "#4F46E518", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "QmD9i", + "name": "typeText", + "fill": "#4F46E5", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "FD3nx", + "name": "rootBadge", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "pRg59", + "name": "rootText", + "fill": "#6B6F80", + "content": "ج م ل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "vbg8A", + "name": "defSection", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "PXTmr", + "name": "defLabel", + "fill": "#6B6F80B3", + "content": "DEFINITION", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500", + "letterSpacing": 1.5 + }, + { + "type": "text", + "id": "fMIrF", + "name": "defText", + "fill": "#1B1B2FCC", + "content": "حسن المنظر، وسيم", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "cSrEL", + "name": "morphSection", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "D9M4O", + "name": "morphLabel", + "fill": "#6B6F80B3", + "content": "MORPHOLOGY", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "HZjtQ", + "name": "morphGrid", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "8xeqW", + "name": "morphCell1", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "2DtTg", + "name": "morphCell1L", + "fill": "#6B6F80", + "content": "Feminine", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "Y5IIh", + "name": "morphCell1V", + "fill": "#1B1B2FCC", + "content": "جَمِيلَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "6yQxg", + "name": "morphCell2", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "kqxDc", + "name": "morphCell2L", + "fill": "#6B6F80", + "content": "Plural", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "kW7j6", + "name": "morphCell2V", + "fill": "#1B1B2FCC", + "content": "جِمَال", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "b8Hua", + "name": "morphCell3", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "sKMxc", + "name": "morphCell3L", + "fill": "#6B6F80", + "content": "Elative", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "MzNMV", + "name": "morphCell3V", + "fill": "#1B1B2FCC", + "content": "أَجْمَل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "uFs3k", + "name": "exSection", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "ZgrQT", + "name": "exLabel", + "fill": "#6B6F80B3", + "content": "EXAMPLES", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "x1WJ4", + "name": "exBox", + "width": "fill_container", + "fill": "#F4F4F84D", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA4D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 8, + 12 + ], + "children": [ + { + "type": "text", + "id": "bOQPx", + "name": "exArabic", + "fill": "#1B1B2FE6", + "content": "هذا مكانٌ جَمِيلٌ جداً", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "Dv7h9", + "name": "exEnglish", + "fill": "#6B6F80", + "content": "This is a very beautiful place", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "q6osI", + "name": "tagsSection", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "Ul6xU", + "name": "tagPill1", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 12, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "3K9OB", + "name": "tagPill1Text", + "fill": "#6B6F80", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "rdJF8", + "name": "tagPill2", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 12, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "0Xokz", + "name": "tagPill2Text", + "fill": "#6B6F80", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "dFBAC", + "name": "tagPill3", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 12, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "CJCij", + "name": "tagPill3Text", + "fill": "#6B6F80", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Jt8IR", + "name": "Word Card 4", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "frame", + "id": "STQCB", + "name": "card4Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "o2DaT", + "name": "card4Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "6J4tK", + "name": "card4Title", + "fill": "#1B1B2F", + "content": "مَدْرَسَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "8NhWK", + "name": "card4Btns", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "1jk1n", + "name": "card4B1", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zHarV", + "name": "card4B1I", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "wVCuW", + "name": "card4B2", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "kc82m", + "name": "card4B2I", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "wbGf0", + "name": "card4B3", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "8R29I", + "name": "card4B3I", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "jKKsP", + "name": "card4Trans", + "fill": "#6B6F80", + "content": "school", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "cXwXi", + "x": 2540, + "y": 0, + "name": "Flashcard Drawer", + "clip": true, + "width": 1440, + "height": 900, + "fill": "#00000066", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "0rwps", + "x": 0, + "y": 160, + "name": "Drawer Panel", + "clip": true, + "width": 1440, + "height": 740, + "fill": "#FFFFFF", + "cornerRadius": [ + 16, + 16, + 0, + 0 + ], + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "yVObG", + "name": "Drawer Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "#E2E3EA30" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 20, + 32, + 16, + 32 + ], + "children": [ + { + "type": "frame", + "id": "qaLSN", + "name": "dragHandle", + "width": "fill_container", + "justifyContent": "center", + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4Ko7U", + "name": "handleBar", + "fill": "#D4D4D8", + "width": 48, + "height": 4 + } + ] + }, + { + "type": "frame", + "id": "yjUdT", + "name": "Queue Selector", + "width": "fill_container", + "gap": 8, + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "OrJvL", + "name": "queueReview", + "height": 40, + "fill": "#FFFFFF", + "cornerRadius": 10, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000001A", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 3 + }, + "gap": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "LBBJ3", + "name": "reviewIcon", + "width": 18, + "height": 18, + "iconFontName": "brain", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "dvGYG", + "name": "reviewLabel", + "fill": "#1B1B2F", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "QyqGC", + "name": "reviewBadge2", + "height": 20, + "fill": "#4F46E5", + "cornerRadius": 10, + "padding": [ + 0, + 7 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "LeNL7", + "name": "reviewCount", + "fill": "#FFFFFF", + "content": "5", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "E0IuJ", + "name": "queueBacklog", + "height": 40, + "cornerRadius": 10, + "gap": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "u1Ajd", + "name": "backlogIcon", + "width": 18, + "height": 18, + "iconFontName": "archive", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + }, + { + "type": "text", + "id": "6zs8c", + "name": "backlogLabel", + "fill": "#A1A1AA", + "content": "Backlog", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "tEbeF", + "name": "backlogBadge", + "height": 20, + "fill": "#EA580C", + "cornerRadius": 10, + "padding": [ + 0, + 7 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "R8yMy", + "name": "backlogCount", + "fill": "#FFFFFF", + "content": "2", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "yhX5e", + "name": "cardsLeft", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "5 cards left", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "a2GNv", + "name": "Card Area", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "padding": [ + 16, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "OKSdu", + "name": "tagRow", + "gap": 6, + "padding": [ + 0, + 0, + 8, + 0 + ], + "children": [ + { + "type": "frame", + "id": "ING6j", + "name": "tag1", + "height": 24, + "fill": "#4F46E518", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "bR7X7", + "name": "tag1Text", + "fill": "#4F46E5", + "content": "noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "a6qO4", + "name": "tag2", + "height": 24, + "fill": "#F0FDF4", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "S3WiQ", + "name": "tag2Text", + "fill": "#16A34A", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "uWpE3", + "name": "Flashcard", + "width": 640, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFFFF", + "position": 0 + }, + { + "color": "#FAFAFA", + "position": 1 + } + ] + }, + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA80" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000D", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 16 + }, + "layout": "vertical", + "gap": 24, + "padding": 32, + "children": [ + { + "type": "frame", + "id": "zsmuo", + "name": "Question", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2dBJS", + "name": "arabicWord", + "fill": "#1B1B2FE6", + "content": "كِتَاب", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 32, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "cJgIt", + "name": "morphInfo", + "fill": "#F4F4F880", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "9OuV1", + "name": "morphText", + "fill": "#6B6F80", + "content": "كُتُب :plural", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "zWA5o", + "name": "exampleText", + "fill": "#6B6F80", + "content": "هذا كِتَابٌ جَمِيلٌ", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "rectangle", + "id": "Dlgub", + "name": "cardDivider", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFFFF00", + "position": 0 + }, + { + "color": "#E2E3EA", + "position": 0.5 + }, + { + "color": "#FFFFFF00", + "position": 1 + } + ] + }, + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "EIIQl", + "name": "Answer", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "8RXku", + "name": "answerIndicator", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "go5F2", + "name": "checkIcon", + "width": 14, + "height": 14, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#16A34A" + }, + { + "type": "text", + "id": "q0bpH", + "name": "answerLabel", + "fill": "#16A34A", + "content": "ANSWER", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 2 + } + ] + }, + { + "type": "text", + "id": "IbQ9B", + "name": "definition", + "fill": "#6B6F80", + "content": "كتاب، مجلّد", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 18, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "DJWZE", + "name": "translation", + "fill": "#1B1B2FE6", + "content": "book", + "fontFamily": "Inter", + "fontSize": 24, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "PyyqO", + "name": "Grading Footer", + "width": "fill_container", + "fill": "#FAFAFA08", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "#E2E3EA30" + }, + "layout": "vertical", + "gap": 8, + "padding": [ + 16, + 32, + 24, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "JuGGx", + "name": "Grade Buttons", + "width": 640, + "gap": 10, + "children": [ + { + "type": "frame", + "id": "2WZ9e", + "name": "btnAgain", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#6B6F8033" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "r8F4Q", + "name": "againIcon", + "width": 20, + "height": 20, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#71717A" + }, + { + "type": "text", + "id": "q35t5", + "name": "againLabel", + "fill": "#3f3f46", + "content": "Again", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "VyZcu", + "name": "againTime", + "fill": "#A1A1AA", + "content": "1m", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "9Om95", + "name": "btnHard", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E07A2C33" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "708Wp", + "name": "hardIcon", + "width": 20, + "height": 20, + "iconFontName": "brain", + "iconFontFamily": "lucide", + "fill": "#E07A2C" + }, + { + "type": "text", + "id": "Jscji", + "name": "hardLabel", + "fill": "#3f3f46", + "content": "Hard", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "M4wuI", + "name": "hardTime", + "fill": "#A1A1AA", + "content": "6m", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "N0D5q", + "name": "btnGood", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E54D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "cVXUw", + "name": "goodIcon", + "width": 20, + "height": 20, + "iconFontName": "thumbs-up", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "wPn4z", + "name": "goodLabel", + "fill": "#3f3f46", + "content": "Good", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "GLRH2", + "name": "goodTime", + "fill": "#A1A1AA", + "content": "1.2d", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "hNc3M", + "name": "btnEasy", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#16A34A4D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "JrXVP", + "name": "easyIcon", + "width": 20, + "height": 20, + "iconFontName": "zap", + "iconFontFamily": "lucide", + "fill": "#16A34A" + }, + { + "type": "text", + "id": "b93Rs", + "name": "easyLabel", + "fill": "#3f3f46", + "content": "Easy", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "FBowB", + "name": "easyTime", + "fill": "#A1A1AA", + "content": "3.5d", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "knKsm", + "x": 900, + "y": 1000, + "name": "Homepage — Filters Expanded", + "clip": true, + "width": 1440, + "height": 900, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "sATiu", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 12, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "qTA5O", + "name": "logoWrap", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + }, + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "morAf", + "name": "navItems", + "layout": "vertical", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "qdxEt", + "name": "navHomeBtn", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "saIhn", + "name": "navHomeIcon", + "width": 20, + "height": 20, + "iconFontName": "house", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "aM8KJ", + "name": "navDecksBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "lBJpd", + "name": "navDecksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "6XCzD", + "name": "navSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "4RV9g", + "name": "navSettingsBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "uJpCI", + "name": "navSettingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "xDC0c", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 16, + "padding": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "q2W1K", + "name": "searchWrap", + "width": 768, + "children": [ + { + "type": "frame", + "id": "GLRlp", + "name": "Search Input", + "width": 450, + "height": 36, + "fill": "#FFFFFF", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000A", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 2 + }, + "gap": 8, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ICB9r", + "name": "sIcon", + "width": 16, + "height": 16, + "iconFontName": "search", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + }, + { + "type": "text", + "id": "vth8H", + "name": "sText", + "fill": "#A1A1AA", + "content": "Search...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ELBdQ", + "name": "Dictionary Header", + "width": 768, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 20, + 24, + 16, + 24 + ], + "children": [ + { + "type": "frame", + "id": "DQXVf", + "name": "headerRow", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "4Xd4o", + "name": "headerLeft", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "WrP1r", + "name": "iconCircle", + "width": 40, + "height": 40, + "fill": "#4F46E518", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E530" + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Zr1RT", + "name": "bookIcon2", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "L2tOr", + "name": "titleBlock", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "cyBUE", + "name": "hTitle", + "fill": "#1B1B2F", + "content": "Your Dictionary", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "lQtPi", + "name": "hSubtitle", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ENgbw", + "name": "hCount", + "fill": "#1B1B2FCC", + "content": "142", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "zqTLB", + "name": "hSep", + "fill": "#6B6F80", + "content": "results", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "w1G5J", + "name": "hTime", + "fill": "#6B6F80", + "content": "· 12ms", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "iJ0i3", + "name": "headerRight", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jSkPJ", + "name": "addWordBtn", + "height": 36, + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ESbeu", + "name": "addWordIcon", + "width": 16, + "height": 16, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "EWtbr", + "name": "addWordText", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "TughD", + "name": "reviewBtn2", + "height": 36, + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 8, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Sflrm", + "name": "reviewIcon2", + "width": 16, + "height": 16, + "iconFontName": "graduation-cap", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "CMZbA", + "name": "reviewText2", + "fill": "#1B1B2F", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "wiymL", + "name": "reviewBadge3", + "height": 20, + "fill": "#4F46E5", + "cornerRadius": 10, + "padding": [ + 0, + 6 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "3Kuow", + "name": "reviewNum", + "fill": "#FFFFFF", + "content": "12", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "RMF6r", + "name": "filterToggle", + "height": 36, + "cornerRadius": 8, + "gap": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "0V2eV", + "name": "filterIcon2", + "width": 16, + "height": 16, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "R0hfb", + "name": "filterLabel", + "fill": "#6B6F80", + "content": "Hide filters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "FVfZr", + "name": "activeBadge", + "height": 18, + "fill": "#4F46E5", + "cornerRadius": 9, + "padding": [ + 0, + 6 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ZHDJN", + "name": "activeBadgeText", + "fill": "#FFFFFF", + "content": "3", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "U4R2H", + "name": "Expanded Filters", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "h9ZKk", + "name": "filtersHeader", + "width": "fill_container", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "yPMRB", + "name": "filtersIconLabel", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "rgmOV", + "name": "filtersIcon", + "width": 16, + "height": 16, + "iconFontName": "sliders-horizontal", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "UDWz7", + "name": "filtersLabel", + "fill": "#6B6F80", + "content": "Filters", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "rectangle", + "id": "rY4gu", + "name": "filtersSep", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#E2E3EA80", + "position": 0 + }, + { + "color": "#E2E3EA", + "position": 0.5 + }, + { + "color": "#E2E3EA80", + "position": 1 + } + ] + }, + "width": "fill_container", + "height": 1 + } + ] + }, + { + "type": "frame", + "id": "TE6ai", + "name": "tagsSection", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "oRkX4", + "name": "tagsLabel", + "fill": "#6B6F80", + "content": "Tags", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "Ids4Y", + "name": "tagsDropdown", + "width": 200, + "height": 36, + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "fzaRS", + "name": "tagsPlaceholder", + "fill": "#1B1B2F", + "content": "2 tags selected", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "CFbUP", + "name": "tagsChevronsIcon", + "width": 16, + "height": 16, + "iconFontName": "chevrons-up-down", + "iconFontFamily": "lucide", + "fill": "#6B6F8080" + } + ] + }, + { + "type": "frame", + "id": "OtADV", + "name": "selectedTags", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "Lgsda", + "name": "selTag1", + "height": 28, + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 6, + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TYjJW", + "name": "selTag1Text", + "fill": "#1B1B2F", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "V5WcH", + "name": "selTag1X", + "width": 14, + "height": 14, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#6B6F80B3" + } + ] + }, + { + "type": "frame", + "id": "7VWOp", + "name": "selTag2", + "height": 28, + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 6, + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "THbCH", + "name": "selTag2Text", + "fill": "#1B1B2F", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "gk7QE", + "name": "selTag2X", + "width": 14, + "height": 14, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#6B6F80B3" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZVxSP", + "name": "sortHeader", + "width": "fill_container", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "d8GK1", + "name": "sortIconLabel", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Ft9sF", + "name": "sortIcon", + "width": 16, + "height": 16, + "iconFontName": "arrow-down-up", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "6HGas", + "name": "sortLabel", + "fill": "#6B6F80", + "content": "Sort by", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "rectangle", + "id": "Fr7EL", + "name": "sortSep", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#E2E3EA80", + "position": 0 + }, + { + "color": "#E2E3EA", + "position": 0.5 + }, + { + "color": "#E2E3EA80", + "position": 1 + } + ] + }, + "width": "fill_container", + "height": 1 + } + ] + }, + { + "type": "frame", + "id": "4IU6j", + "name": "sortSection", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "5j0Nb", + "name": "sortDropdown", + "width": 200, + "height": 36, + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "IZKin", + "name": "sortValue", + "fill": "#1B1B2F", + "content": "Recently added", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "eh7uI", + "name": "sortChevron", + "width": 16, + "height": 16, + "iconFontName": "chevrons-up-down", + "iconFontFamily": "lucide", + "fill": "#6B6F8080" + } + ] + } + ] + }, + { + "type": "frame", + "id": "yjweR", + "name": "clearBtn", + "height": 32, + "cornerRadius": 8, + "gap": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "gNzbg", + "name": "clearIcon", + "width": 16, + "height": 16, + "iconFontName": "funnel-x", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "c9y8q", + "name": "clearText", + "fill": "#6B6F80", + "content": "Clear all filters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "4Hs8J", + "name": "Word Cards", + "width": 768, + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "sW2X5", + "name": "Word Card 1", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "rectangle", + "cornerRadius": 99, + "id": "v6Wxo", + "name": "accentLine1", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 180, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4F46E599", + "position": 0 + }, + { + "color": "#4F46E533", + "position": 1 + } + ] + }, + "width": 3, + "height": 0 + }, + { + "type": "frame", + "id": "7o0K5", + "name": "card1Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "Kt64O", + "name": "card1Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "d5WYU", + "name": "card1Title", + "fill": "#1B1B2F", + "content": "كِتَاب", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "rOh6G", + "name": "card1Actions", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "ZYrSL", + "name": "card1Copy", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "YrQ2d", + "name": "card1CopyIcon", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "09RGp", + "name": "card1Edit", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "75DRf", + "name": "card1EditIcon", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "G8je8", + "name": "card1Expand", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "GkNEV", + "name": "card1ExpandIcon", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "vWPvO", + "name": "card1Trans", + "fill": "#6B6F80", + "content": "book", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "z8S74", + "name": "Word Card 2", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "frame", + "id": "zOgWF", + "name": "card2Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "5VjVz", + "name": "card2Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "Z54uU", + "name": "card2Title", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "nd3kz", + "name": "card2Actions", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "YUkTX", + "name": "card2CopyBtn", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "T7PD3", + "name": "card2CopyIcon", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "MC90q", + "name": "card2EditBtn", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "oktpr", + "name": "card2EditIcon", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "voFra", + "name": "card2ExpandBtn", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "vUA2D", + "name": "card2ExpandIcon", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "gldJd", + "name": "card2Trans", + "fill": "#6B6F80", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "i1qIp", + "name": "Word Card 3 (Expanded)", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 180, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F4F4F880", + "position": 0 + }, + { + "color": "#F4F4F84D", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "frame", + "id": "Jm8fR", + "name": "card3Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "mR8BP", + "name": "card3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "Yz89B", + "name": "card3Title", + "fill": "#1B1B2F", + "content": "جَمِيل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "kyBUr", + "name": "card3Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "ulyps", + "name": "card3C", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "R3zp5", + "name": "card3CI", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "cBjB3", + "name": "card3E", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ZZBEw", + "name": "card3EI", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "I3QyI", + "name": "card3X", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "HOAyD", + "name": "card3XI", + "width": 16, + "height": 16, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "qXgXV", + "name": "card3Trans", + "fill": "#6B6F80", + "content": "beautiful, handsome", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "rectangle", + "id": "tFG0J", + "name": "expandDivider", + "fill": "#E2E3EA80", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "Xk5Uy", + "name": "expandDetails", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 4, + 0, + 0, + 0 + ], + "children": [ + { + "type": "frame", + "id": "hFAHU", + "name": "typeRow", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "orUBI", + "name": "typeBadge", + "height": 24, + "fill": "#4F46E518", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "z4aEC", + "name": "typeText", + "fill": "#4F46E5", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "0zCnq", + "name": "rootBadge", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "rkXLi", + "name": "rootText", + "fill": "#6B6F80", + "content": "ج م ل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "EdZIt", + "name": "defSection", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "2FzTy", + "name": "defLabel", + "fill": "#6B6F80B3", + "content": "DEFINITION", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500", + "letterSpacing": 1.5 + }, + { + "type": "text", + "id": "2hHQi", + "name": "defText", + "fill": "#1B1B2FCC", + "content": "حسن المنظر، وسيم", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "jb0f5", + "name": "morphSection", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "yROC3", + "name": "morphLabel", + "fill": "#6B6F80B3", + "content": "MORPHOLOGY", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "mMYax", + "name": "morphGrid", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "VdqA8", + "name": "morphCell1", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "1J8qz", + "name": "morphCell1L", + "fill": "#6B6F80", + "content": "Feminine", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "IRbDz", + "name": "morphCell1V", + "fill": "#1B1B2FCC", + "content": "جَمِيلَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ViMl7", + "name": "morphCell2", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "yxUSd", + "name": "morphCell2L", + "fill": "#6B6F80", + "content": "Plural", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "3I2wt", + "name": "morphCell2V", + "fill": "#1B1B2FCC", + "content": "جِمَال", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "lxo7e", + "name": "morphCell3", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "0R4fj", + "name": "morphCell3L", + "fill": "#6B6F80", + "content": "Elative", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "yl1ef", + "name": "morphCell3V", + "fill": "#1B1B2FCC", + "content": "أَجْمَل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "WnnXS", + "name": "exSection", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "7pe9G", + "name": "exLabel", + "fill": "#6B6F80B3", + "content": "EXAMPLES", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "8CJni", + "name": "exBox", + "width": "fill_container", + "fill": "#F4F4F84D", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA4D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 8, + 12 + ], + "children": [ + { + "type": "text", + "id": "zgIEJ", + "name": "exArabic", + "fill": "#1B1B2FE6", + "content": "هذا مكانٌ جَمِيلٌ جداً", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "uzF2h", + "name": "exEnglish", + "fill": "#6B6F80", + "content": "This is a very beautiful place", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "EOxuk", + "name": "tagsSection", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "5A9wE", + "name": "tagPill1", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 12, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "AzoPy", + "name": "tagPill1Text", + "fill": "#6B6F80", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "K7Qc7", + "name": "tagPill2", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 12, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "NiZSl", + "name": "tagPill2Text", + "fill": "#6B6F80", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "jI0yJ", + "name": "tagPill3", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 12, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TFI4D", + "name": "tagPill3Text", + "fill": "#6B6F80", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ossjA", + "name": "Word Card 4", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 16, + 20 + ], + "children": [ + { + "type": "frame", + "id": "oXTxz", + "name": "card4Inner", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "tnTSg", + "name": "card4Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "FEOCN", + "name": "card4Title", + "fill": "#1B1B2F", + "content": "مَدْرَسَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 30, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "Gu3wa", + "name": "card4Btns", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "TeZcJ", + "name": "card4B1", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "FKM7J", + "name": "card4B1I", + "width": 16, + "height": 16, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "XFIEp", + "name": "card4B2", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "fne9C", + "name": "card4B2I", + "width": 16, + "height": 16, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "H4Bmh", + "name": "card4B3", + "width": 32, + "height": 32, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "AXWis", + "name": "card4B3I", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "SY23k", + "name": "card4Trans", + "fill": "#6B6F80", + "content": "school", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ncQzW", + "x": 5796, + "y": 5175, + "name": "Homepage — Redesigned", + "clip": true, + "width": 1440, + "height": 960, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "y2XJN", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "C34fh", + "name": "logoWrap", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "3g4EH", + "name": "navGroup", + "layout": "vertical", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "eBMGJ", + "name": "navHome", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "2O6a1", + "name": "navHomeIcon", + "width": 20, + "height": 20, + "iconFontName": "house", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "zu1DB", + "name": "navDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "oRFGo", + "name": "navDecksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "xJCVq", + "name": "navSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "q97mK", + "name": "navSettings", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "8tqt4", + "name": "navSettingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "CPilM", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "padding": [ + 24, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SQbrJ", + "name": "Content Column", + "width": 768, + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "m41Gq", + "name": "Search Bar", + "width": "fill_container", + "height": 48, + "fill": "#F8F8FB", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "gap": 10, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "6NTRU", + "name": "searchIcon", + "width": 20, + "height": 20, + "iconFontName": "search", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "CgfHi", + "name": "searchPlaceholder", + "fill": "#A1A1AA", + "content": "Search your dictionary...", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "1rRWh", + "name": "searchSpacer", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "kGPNo", + "name": "searchKbd", + "height": 24, + "fill": "#FFFFFF", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "HC478", + "name": "searchKbdText", + "fill": "#A1A1AA", + "content": "⌘K", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "BIrBL", + "name": "Header Row", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "qY3sV", + "name": "headerLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dXM10", + "name": "headerIcon", + "width": 36, + "height": 36, + "fill": "#4F46E512", + "cornerRadius": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "dR20B", + "name": "headerBookIcon", + "width": 18, + "height": 18, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "PreW5", + "name": "headerTitleBlock", + "gap": 8, + "children": [ + { + "type": "text", + "id": "joGSE", + "name": "headerTitle", + "fill": "#1B1B2F", + "content": "Your Dictionary", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "c9Pgq", + "name": "headerCount", + "fill": "#A1A1AA", + "content": "142 words", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "kh479", + "name": "headerRight", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "efRt4", + "name": "filterBtn", + "height": 34, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "cOaNv", + "name": "filterBtnIcon", + "width": 15, + "height": 15, + "iconFontName": "sliders-horizontal", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "pIIJa", + "name": "filterBtnText", + "fill": "#1B1B2F", + "content": "Filters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "XYHhG", + "name": "addBtn", + "height": 34, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "nvNxu", + "name": "addBtnIcon", + "width": 15, + "height": 15, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "sVoVf", + "name": "addBtnText", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "VOeei", + "name": "reviewBtn", + "height": 34, + "fill": "#4F46E5", + "cornerRadius": 8, + "gap": 8, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "KW2FF", + "name": "reviewBtnIcon", + "width": 15, + "height": 15, + "iconFontName": "graduation-cap", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "sjL7k", + "name": "reviewBtnText", + "fill": "#FFFFFF", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "4Vmlz", + "name": "reviewBadge", + "height": 18, + "fill": "#FFFFFF30", + "cornerRadius": 9, + "padding": [ + 0, + 6 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6ZhJ3", + "name": "reviewBadgeText", + "fill": "#FFFFFF", + "content": "12", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "wQe6G", + "name": "Word Cards", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "mHcHb", + "name": "Word Card — Noun", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "IBSWh", + "name": "card1Accent", + "fill": "#4F46E5", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "VUuBA", + "name": "card1Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "r74v9", + "name": "card1Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "IoPyl", + "name": "card1Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "z8RlD", + "name": "card1Arabic", + "fill": "#1B1B2F", + "content": "كِتَاب", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "C24pR", + "name": "card1Badge", + "height": 22, + "fill": "#4F46E50F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "q7RjM", + "name": "card1BadgeText", + "fill": "#4F46E5", + "content": "Noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "cADco", + "name": "card1Actions", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "3MVrj", + "name": "card1Copy", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "dQWGt", + "name": "card1CopyI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "pMLw8", + "name": "card1Edit", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "euYbo", + "name": "card1EditI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "wXXcq", + "name": "card1Expand", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "QKFNO", + "name": "card1ExpandI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "dRJ8v", + "name": "card1Trans", + "fill": "#6B6F80", + "content": "book", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "iG6UE", + "name": "Word Card — Verb", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "q0AK2", + "name": "card2Accent", + "fill": "#16A34A", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "KdIxe", + "name": "card2Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "TVgMO", + "name": "card2Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "uIwNf", + "name": "card2Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "zRoIw", + "name": "card2Arabic", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "W5EqE", + "name": "card2Badge", + "height": 22, + "fill": "#16A34A0F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "jvCDX", + "name": "card2BadgeText", + "fill": "#16A34A", + "content": "Verb", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "k1lcO", + "name": "card2Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "tz1HF", + "name": "card2C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "FWlPu", + "name": "card2CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "gyt50", + "name": "card2E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "QpHYw", + "name": "card2EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "hCopX", + "name": "card2X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ydgyD", + "name": "card2XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "6afJY", + "name": "card2Trans", + "fill": "#6B6F80", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "5n3sB", + "name": "Word Card — Adjective (Expanded)", + "clip": true, + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 180, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FAFAFA", + "position": 0 + }, + { + "color": "#F8F8FB60", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "1uL1T", + "name": "card3Accent", + "fill": "#D97706", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "LZylh", + "name": "card3Body", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "AevSZ", + "name": "card3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "RMf5W", + "name": "card3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "wOVcm", + "name": "card3Arabic", + "fill": "#1B1B2F", + "content": "جَمِيل", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "KGU1H", + "name": "card3Badge", + "height": 22, + "fill": "#D976060F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "c7HIw", + "name": "card3BadgeText", + "fill": "#D97706", + "content": "Adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "3tFIn", + "name": "card3Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "0KXB9", + "name": "card3C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "YUAbs", + "name": "card3CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "pHk9V", + "name": "card3E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "hxgZ2", + "name": "card3EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "4fjxI", + "name": "card3X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "EbevQ", + "name": "card3XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "6x1sQ", + "name": "card3Trans", + "fill": "#6B6F80", + "content": "beautiful, handsome", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "rectangle", + "id": "GnoDA", + "name": "divider", + "fill": "#E2E3EA50", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "qUWGJ", + "name": "details", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "JNXZb", + "name": "typeRootRow", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bW9RF", + "name": "rootBadge", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Ex0EX", + "name": "rootText", + "fill": "#6B6F80", + "content": "ج م ل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "EyL20", + "name": "defBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "RbPTp", + "name": "defLabel", + "fill": "#A1A1AAB3", + "content": "DEFINITION", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "text", + "id": "JSppV", + "name": "defText", + "fill": "#1B1B2FCC", + "content": "حسن المنظر، وسيم", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "CSj5t", + "name": "morphBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "C6M6i", + "name": "morphLabel", + "fill": "#A1A1AAB3", + "content": "MORPHOLOGY", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "bwWV2", + "name": "morphGrid", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "eoi6C", + "name": "mc1", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "OBtVE", + "name": "mc1l", + "fill": "#A1A1AA", + "content": "Feminine", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "8imJ1", + "name": "mc1v", + "fill": "#1B1B2FCC", + "content": "جَمِيلَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "bl4kn", + "name": "mc2", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "0VVWh", + "name": "mc2l", + "fill": "#A1A1AA", + "content": "Plural", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "d8wtB", + "name": "mc2v", + "fill": "#1B1B2FCC", + "content": "جِمَال", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "G4eCZ", + "name": "mc3", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "Z33mj", + "name": "mc3l", + "fill": "#A1A1AA", + "content": "Elative", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "ANciT", + "name": "mc3v", + "fill": "#1B1B2FCC", + "content": "أَجْمَل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "gPsLd", + "name": "exBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "3Zfn4", + "name": "exLabel", + "fill": "#A1A1AAB3", + "content": "EXAMPLES", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "gexR3", + "name": "exBox", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA40" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "text", + "id": "7MROV", + "name": "exAr", + "fill": "#1B1B2FE6", + "content": "هذا مكانٌ جَمِيلٌ جداً", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "sQEs5", + "name": "exEn", + "fill": "#6B6F80", + "content": "This is a very beautiful place", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "pNi5A", + "name": "tagRow", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "Pc8wB", + "name": "tp1", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "oDHpe", + "name": "tp1t", + "fill": "#6B6F80", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Pk6j2", + "name": "tp2", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "I78hw", + "name": "tp2t", + "fill": "#6B6F80", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "nb0HO", + "name": "tp3", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "i6Qw2", + "name": "tp3t", + "fill": "#6B6F80", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "MyMVA", + "name": "Word Card — Noun 2", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "5NcqR", + "name": "card4Acc", + "fill": "#4F46E5", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "vfIn5", + "name": "card4Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "C82QZ", + "name": "card4Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "TGWMe", + "name": "card4Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "1G5Z2", + "name": "card4Ar", + "fill": "#1B1B2F", + "content": "مَدْرَسَة", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "nF6VI", + "name": "card4Bdg", + "height": 22, + "fill": "#4F46E50F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WyfmZ", + "name": "card4BdgT", + "fill": "#4F46E5", + "content": "Noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "QD8K4", + "name": "card4Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "3DXH0", + "name": "card4C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "UFGL0", + "name": "card4CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "MjEde", + "name": "card4E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "AGbyy", + "name": "card4EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "rB6X4", + "name": "card4X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "CB411", + "name": "card4XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "a0eV1", + "name": "card4Trans", + "fill": "#6B6F80", + "content": "school", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "i1Gx9", + "name": "Word Card — Verb 2", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "ZqWFR", + "name": "card5Acc", + "fill": "#16A34A", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "WIizX", + "name": "card5Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "RH7P3", + "name": "card5Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "Pv7ZN", + "name": "card5Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WMztk", + "name": "card5Ar", + "fill": "#1B1B2F", + "content": "ذَهَبَ", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "zI9gn", + "name": "card5Bdg", + "height": 22, + "fill": "#16A34A0F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "cF1lr", + "name": "card5BdgT", + "fill": "#16A34A", + "content": "Verb", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "0K5Zd", + "name": "card5Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "mVInG", + "name": "card5C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "JLaMY", + "name": "card5CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "q0L4j", + "name": "card5E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "9RGKH", + "name": "card5EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "5x10v", + "name": "card5X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "jh1aK", + "name": "card5XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "eexBj", + "name": "card5Trans", + "fill": "#6B6F80", + "content": "to go", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "uqZAR", + "x": 0, + "y": 2110, + "name": "Decks", + "clip": true, + "width": 1440, + "height": 900, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "WFZ2L", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CnYuR", + "name": "dLogo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "XKbXc", + "name": "dNavGroup", + "layout": "vertical", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "kDjG0", + "name": "dNavHome", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "kVkaN", + "name": "dNavHomeI", + "width": 20, + "height": 20, + "iconFontName": "house", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "JOYp9", + "name": "dNavDecks", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "DqEhn", + "name": "dNavDecksI", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + } + ] + }, + { + "type": "frame", + "id": "frv5Q", + "name": "dSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "dftnT", + "name": "dSettings", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "xqeyB", + "name": "dSettingsI", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "iWh51", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 24, + "padding": [ + 32, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "zRYyB", + "name": "dContentCol", + "width": 896, + "layout": "vertical", + "gap": 16, + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "Nc3IR", + "name": "createBtn", + "height": 34, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "y1yU0", + "name": "createBtnI", + "width": 15, + "height": 15, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "iQ5kU", + "name": "createBtnT", + "fill": "#1B1B2F", + "content": "Create deck", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "AxXHI", + "name": "Decks Card", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "4rol7", + "name": "dcHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "k1jcx", + "name": "dcTitle", + "fill": "#1B1B2F", + "content": "Decks", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "WHJs9", + "name": "dcDesc", + "fill": "#6B6F80", + "content": "Manage your decks and study them.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "XA5R8", + "name": "tableHeader", + "width": "fill_container", + "height": 40, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "HiYgg", + "name": "thName", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 240, + "content": "Name", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "MCIiI", + "name": "thReview", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 100, + "content": "To review", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "c2pew", + "name": "thBacklog", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 100, + "content": "Backlog", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "sCcaP", + "name": "thTotal", + "fill": "#A1A1AA", + "textGrowth": "fixed-width", + "width": 80, + "content": "Total", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "hfJ6E", + "name": "thActions", + "width": "fill_container", + "height": 1 + } + ] + }, + { + "type": "frame", + "id": "JtLxi", + "name": "row1", + "width": "fill_container", + "height": 48, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "#E2E3EA40" + }, + "padding": [ + 0, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GWKPy", + "name": "r1Name", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 240, + "content": "Beginner Essentials", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "NPs56", + "name": "r1Review", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 100, + "content": "5", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "45V2U", + "name": "r1Backlog", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 100, + "content": "2", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "wX6LO", + "name": "r1Total", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 80, + "content": "48", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "91b5S", + "name": "r1Actions", + "width": "fill_container", + "gap": 6, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "BnMDy", + "name": "r1Study", + "height": 30, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ipRlM", + "name": "r1StudyT", + "fill": "#1B1B2F", + "content": "Study", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "fLJHW", + "name": "r1More", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "2F5zV", + "name": "r1MoreI", + "width": 16, + "height": 16, + "iconFontName": "ellipsis", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "pHwDn", + "name": "row2", + "width": "fill_container", + "height": 48, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "#E2E3EA40" + }, + "padding": [ + 0, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "hiBjq", + "name": "r2Name", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 240, + "content": "Verbs Practice", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "7CVbw", + "name": "r2Review", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 100, + "content": "12", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "biVNx", + "name": "r2Backlog", + "fill": "#A1A1AA", + "textGrowth": "fixed-width", + "width": 100, + "content": "-", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Bk80P", + "name": "r2Total", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 80, + "content": "67", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "f1bYo", + "name": "r2Actions", + "width": "fill_container", + "gap": 6, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mluja", + "name": "r2Study", + "height": 30, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "eAk3W", + "name": "r2StudyT", + "fill": "#1B1B2F", + "content": "Study", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "mkjFX", + "name": "r2More", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "f5eBV", + "name": "r2MoreI", + "width": 16, + "height": 16, + "iconFontName": "ellipsis", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "XgY0V", + "name": "row3", + "width": "fill_container", + "height": 48, + "padding": [ + 0, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "BBs7O", + "name": "r3Name", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 240, + "content": "Daily Conversation", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "cIJnm", + "name": "r3Review", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 100, + "content": "3", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "hPZIs", + "name": "r3Backlog", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": 100, + "content": "8", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "UNLwq", + "name": "r3Total", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 80, + "content": "35", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "d1D5P", + "name": "r3Actions", + "width": "fill_container", + "gap": 6, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "6Z4iV", + "name": "r3Study", + "height": 30, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "EsDQg", + "name": "r3StudyT", + "fill": "#1B1B2F", + "content": "Study", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "4i6PY", + "name": "r3More", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "83c4G", + "name": "r3MoreI", + "width": 16, + "height": 16, + "iconFontName": "ellipsis", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "VKK7A", + "x": 1590, + "y": 2110, + "name": "Settings", + "clip": true, + "width": 1440, + "height": 1720, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "2XmWC", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "LpY6g", + "name": "sLogo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "iiNkj", + "name": "sNavGrp", + "layout": "vertical", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Kc1Kj", + "name": "sNH", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "RxmBa", + "name": "sNHI", + "width": 20, + "height": 20, + "iconFontName": "house", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "HZhhG", + "name": "sND", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "U2nVP", + "name": "sNDI", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "RuGeK", + "name": "sSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "Ar8dl", + "name": "sSettBtn", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "uWqEP", + "name": "sSettI", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZVU7k", + "name": "Main Content", + "width": "fill_container", + "height": 1720, + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 24, + "padding": [ + 32, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "1wNwr", + "name": "sTitle", + "fill": "#1B1B2F", + "content": "Settings", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "600", + "letterSpacing": -0.5 + }, + { + "type": "frame", + "id": "vjikR", + "name": "Settings Cards", + "width": 896, + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "6XfE3", + "name": "Appearance Card", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "NIz0U", + "name": "acHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "X3wVU", + "name": "acTitle", + "fill": "#1B1B2F", + "content": "Appearance", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "Wt6k6", + "name": "acDesc", + "fill": "#6B6F80", + "content": "Customize how the application looks for you.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "zIWIm", + "name": "acContent", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 12, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "i6iqo", + "name": "themeRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2hJwt", + "name": "themeLabel", + "fill": "#1B1B2F", + "content": "Theme", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "ilzJf", + "name": "themeSelect", + "width": 180, + "height": 36, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SpFnm", + "name": "themeSelLeft", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zwWCK", + "name": "themeIcon", + "width": 16, + "height": 16, + "iconFontName": "sun", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "ayIHO", + "name": "themeVal", + "fill": "#1B1B2F", + "content": "Light", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "01EnJ", + "name": "themeChev", + "width": 14, + "height": 14, + "iconFontName": "chevrons-up-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Bs6Yh", + "name": "colorRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ga7Nd", + "name": "colorLabel", + "fill": "#1B1B2F", + "content": "Color theme", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "HXnGs", + "name": "colorSelect", + "width": 180, + "height": 36, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "fYQds", + "name": "colorSelLeft", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "LJzf9", + "name": "colorIcon", + "width": 16, + "height": 16, + "iconFontName": "palette", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "thmxi", + "name": "colorVal", + "fill": "#1B1B2F", + "content": "Default", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "IXo7x", + "name": "colorChev", + "width": 14, + "height": 14, + "iconFontName": "chevrons-up-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + }, + { + "type": "frame", + "id": "MLoUF", + "name": "langRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "j1Ly7", + "name": "langLabel", + "fill": "#1B1B2F", + "content": "Language", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "8phm4", + "name": "langSelect", + "width": 180, + "height": 36, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "9UGgG", + "name": "langVal", + "fill": "#1B1B2F", + "content": "English", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "nYEmR", + "name": "langChev", + "width": 14, + "height": 14, + "iconFontName": "chevrons-up-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "GfGX3", + "name": "Dictionary Card", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "13DBU", + "name": "dictH", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "BpJBn", + "name": "dictTitle", + "fill": "#1B1B2F", + "content": "Dictionary", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "GYx2y", + "name": "dictDesc", + "fill": "#6B6F80", + "content": "Manage your dictionary.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "lGF5H", + "name": "importSect", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": [ + 12, + 24, + 16, + 24 + ], + "children": [ + { + "type": "frame", + "id": "POwu7", + "name": "importRow", + "width": "fill_container", + "gap": 12, + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "60r0r", + "name": "fileInput", + "width": 280, + "height": 36, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "AZZRh", + "name": "fileText", + "fill": "#A1A1AA", + "content": "No file chosen", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "YbLL1", + "name": "importBtn", + "height": 36, + "fill": "#4F46E5", + "cornerRadius": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "KlF0H", + "name": "importBtnT", + "fill": "#FFFFFF", + "content": "Import", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "text", + "id": "vTB7Y", + "name": "importWarn", + "fill": "#E5484D", + "content": "Any words that have the same ID will be overwritten.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "B8tfk", + "name": "exportSect", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "#E2E3EA40" + }, + "padding": [ + 12, + 24, + 16, + 24 + ], + "children": [ + { + "type": "frame", + "id": "gGgTr", + "name": "exportBtn", + "height": 36, + "fill": "#F4F4F8", + "cornerRadius": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MFPAj", + "name": "exportBtnT", + "fill": "#1B1B2F", + "content": "Export", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "jdcCT", + "name": "deleteSect", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "#E2E3EA40" + }, + "padding": [ + 12, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "yZ9tm", + "name": "deleteBtn", + "height": 36, + "fill": "#E5484D", + "cornerRadius": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "K9nMF", + "name": "deleteBtnT", + "fill": "#FFFFFF", + "content": "Delete", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "0daPR", + "name": "Flashcards Card", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "DSnJZ", + "name": "fcH", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "ctD3B", + "name": "fcTitle", + "fill": "#1B1B2F", + "content": "Flashcards", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "CBYfb", + "name": "fcDesc", + "fill": "#6B6F80", + "content": "Customize how flashcards appear.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "EQyXq", + "name": "fcContent", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 12, + 24, + 24, + 24 + ], + "children": [ + { + "type": "text", + "id": "q3Gp9", + "name": "antLabel", + "fill": "#1B1B2F", + "content": "How should antonyms be shown in flashcards?", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "tTwSp", + "name": "radioGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "zIeRZ", + "name": "radio1", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "I2OpJ", + "name": "radio1Dot", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1.5, + "fill": "#E2E3EA" + } + }, + { + "type": "text", + "id": "DzA9B", + "name": "radio1Text", + "fill": "#1B1B2F", + "content": "Don't show", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "K9zib", + "name": "radio2", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "Q2XNF", + "name": "radio2Dot", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 4, + "fill": "#4F46E5" + } + }, + { + "type": "text", + "id": "pNEZu", + "name": "radio2Text", + "fill": "#1B1B2F", + "content": "Show as a hint", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "BLfmL", + "name": "radio3", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "pGBq9", + "name": "radio3Dot", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1.5, + "fill": "#E2E3EA" + } + }, + { + "type": "text", + "id": "511uF", + "name": "radio3Text", + "fill": "#1B1B2F", + "content": "Show after revealing the answer", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "VJLxI", + "name": "toggleRow", + "width": "fill_container", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": 16, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Re2iE", + "name": "toggleLeft", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "6ej3b", + "name": "toggleLabel", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "OpMtU", + "name": "toggleLabelText", + "fill": "#1B1B2F", + "content": "Reverse flashcards", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "pQmCY", + "name": "betaBadge", + "height": 18, + "fill": "#4F46E510", + "cornerRadius": 4, + "padding": [ + 0, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "JOrCk", + "name": "betaText", + "fill": "#4F46E5", + "content": "Beta", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "xSTgT", + "name": "toggleDesc", + "fill": "#6B6F80", + "content": "Show English to Arabic flashcards.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "eoz0z", + "name": "toggleSwitch", + "width": 40, + "height": 22, + "fill": "#E2E3EA", + "cornerRadius": 11, + "padding": 2, + "children": [ + { + "type": "ellipse", + "id": "hfNWm", + "name": "toggleKnob", + "fill": "#FFFFFF", + "width": 18, + "height": 18 + } + ] + } + ] + }, + { + "type": "frame", + "id": "JqtxV", + "name": "saveBtn", + "height": 36, + "fill": "#4F46E5", + "cornerRadius": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WtGbc", + "name": "saveBtnT", + "fill": "#FFFFFF", + "content": "Save", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "KcMqO", + "name": "clearSection", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "#E2E3EA40" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 16, + 0, + 0, + 0 + ], + "children": [ + { + "type": "frame", + "id": "A7Xjf", + "name": "clearBox", + "width": "fill_container", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": 16, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dxUIU", + "name": "clearLeft", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "MiX5o", + "name": "clearTitle", + "fill": "#1B1B2F", + "content": "Clear backlog", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tATLl", + "name": "clearDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 420, + "content": "Reschedule all backlog cards by grading them as 'Hard'.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "BZQ7o", + "name": "clearBtn", + "height": 30, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ngoWm", + "name": "clearBtnT", + "fill": "#1B1B2F", + "content": "Clear", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Dj52Q", + "name": "Debugging Card", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "jIJTd", + "name": "debugH", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "OzFga", + "name": "debugTitle", + "fill": "#1B1B2F", + "content": "Debugging", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "mFp9d", + "name": "debugDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 848, + "content": "If you're experiencing sync issues or data not loading correctly, you can reset your local data and re-sync from the server.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "dmEY3", + "name": "debugContent", + "width": "fill_container", + "padding": [ + 12, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "u1Vi3", + "name": "resetBtn", + "height": 36, + "fill": "#F4F4F8", + "cornerRadius": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "aHG7c", + "name": "resetBtnT", + "fill": "#1B1B2F", + "content": "Reset local data", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "MQa7b", + "x": 3180, + "y": 2110, + "name": "Billing Card — Free", + "width": 896, + "fill": "#FFFFFF", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "OOChT", + "name": "Billing Card — Free", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "xY4MG", + "name": "billingHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "gZyye", + "name": "hTitle", + "fill": "#1B1B2F", + "content": "Billing", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "wyjOF", + "name": "hDesc", + "fill": "#6B6F80", + "content": "Manage your subscription.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "XUQg9", + "name": "planSection", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 12, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "0mO8A", + "name": "planRow", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "LvVYn", + "name": "planLeft", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "4w8Fv", + "name": "planLabel", + "fill": "#6B6F80", + "content": "Current plan", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "ioIB7", + "name": "planNameRow", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "25ENL", + "name": "planName", + "fill": "#1B1B2F", + "content": "Free", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "700", + "letterSpacing": -0.3 + } + ] + } + ] + }, + { + "type": "text", + "id": "Rd6ce", + "name": "upgradeLabel", + "fill": "#1B1B2F", + "content": "Upgrade to Pro", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "cX0BQ", + "name": "upgradeButtons", + "width": "fill_container", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "LF2Dx", + "name": "monthlyBtn", + "width": "fill_container", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 2, + "padding": [ + 12, + 20 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "nveAj", + "name": "mTxt", + "fill": "#1B1B2F", + "content": "Monthly — $10/mo", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "BQ0pU", + "name": "mSub", + "fill": "#9CA3AF", + "content": "Billed monthly", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "b7KNH", + "name": "annualBtn", + "width": "fill_container", + "fill": "#4F46E5", + "cornerRadius": 8, + "layout": "vertical", + "gap": 2, + "padding": [ + 12, + 20 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "VRhDC", + "name": "annualTopRow", + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "FXOtS", + "name": "aTxt", + "fill": "#FFFFFF", + "content": "Annual — $7/mo", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "LjTnz", + "name": "saveBadge", + "fill": "#FFFFFF25", + "cornerRadius": 100, + "padding": [ + 2, + 8 + ], + "children": [ + { + "type": "text", + "id": "GlZHZ", + "name": "saveText", + "fill": "#FFFFFF", + "content": "Save 30%", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "LLgQJ", + "name": "aSub", + "fill": "#FFFFFFB0", + "content": "Billed $84 / year", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "XJidR", + "x": 3180, + "y": 2605, + "name": "Billing Card — Pro", + "width": 896, + "fill": "#FFFFFF", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "U7s6j", + "name": "Billing Card — Pro", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "j2d8l", + "name": "billingHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "padding": [ + 24, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "6tGxn", + "name": "hTitle", + "fill": "#1B1B2F", + "content": "Billing", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "RC3Ub", + "name": "hDesc", + "fill": "#6B6F80", + "content": "Manage your subscription.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ZnAcW", + "name": "planSection", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 12, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "X1DsI", + "name": "planRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jbDbq", + "name": "planLeft", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "Os7Bk", + "name": "planLabel", + "fill": "#6B6F80", + "content": "Current plan", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "RSGS3", + "name": "planNameRow", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gloC2", + "name": "planName", + "fill": "#1B1B2F", + "content": "Pro", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "700", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "BZyH3", + "name": "planBadge", + "fill": "#EEF2FF", + "cornerRadius": 100, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "zpllo", + "name": "badgeText", + "fill": "#4F46E5", + "content": "Active", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ie8eQ", + "name": "upgradeBtn", + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 10, + 20 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "KVFQg", + "name": "upgradeTxt", + "fill": "#1B1B2F", + "content": "Manage Subscription", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Ldu8R", + "x": 3080, + "y": 3930, + "name": "Add Word — Current State", + "clip": true, + "width": 1440, + "height": 1200, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "EUwce", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "children": [ + { + "type": "frame", + "id": "br99w", + "name": "cLogo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + }, + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "issGk", + "name": "cNavGrp", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "frame", + "id": "enicq", + "name": "cNavHome", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zeGFH", + "name": "cNavHomeI", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "c5bf3", + "name": "cNavDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mB0tS", + "name": "cNavDecksI", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "g87HK", + "name": "cSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "i53H6", + "name": "cSettBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zdyXp", + "name": "cSettI", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "kzbDr", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 20, + "padding": [ + 24, + 40 + ], + "children": [ + { + "type": "frame", + "id": "5OhGc", + "name": "cBreadcrumbs", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "eamfg", + "name": "cBcHome", + "fill": "#6B6F80", + "content": "Home", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "XVdh9", + "name": "cBcSep", + "fill": "#6B6F80", + "content": "/", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "HNcXh", + "name": "cBcCurrent", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "9nfiU", + "name": "cHeaderRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gFZvk", + "name": "cTitle", + "fill": "#1B1B2F", + "content": "Add a new word to your dictionary", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "e9Lmn", + "name": "cBtnRow", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "SKjVE", + "name": "cDiscardBtn", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 8, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "rwInB", + "name": "cDiscardText", + "fill": "#6B6F80", + "content": "Discard", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "CUr1a", + "name": "cSaveBtn", + "fill": "#1B1B2F", + "cornerRadius": 8, + "padding": [ + 8, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "uR8tV", + "name": "cSaveText", + "fill": "#FFFFFF", + "content": "Save", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "jjG94", + "name": "Form Grid", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "QASe0", + "name": "Left Column", + "width": "fill_container", + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "IbZMX", + "name": "Basic Details", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "FbuOs", + "name": "bdHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "RzkiG", + "name": "bdTitle", + "fill": "#1B1B2F", + "content": "Basic Details", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "CP0B8", + "name": "bdBody", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "9NrTg", + "name": "bdWordField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "0eXZJ", + "name": "bdWordLbl", + "fill": "#3D3F4A", + "content": "Word*", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "nD2f2", + "name": "bdWordIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "4ZQYW", + "name": "bdWordPlc", + "fill": "#A0A3B1", + "content": "Enter Arabic word...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "3U5nh", + "name": "bdTransField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "96K1s", + "name": "bdTransLbl", + "fill": "#3D3F4A", + "content": "Translation*", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "6W40P", + "name": "bdTransIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tMa4A", + "name": "bdTransPlc", + "fill": "#A0A3B1", + "content": "Enter English translation...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "kb8x2", + "name": "bdTransDesc", + "fill": "#6B6F80", + "content": "An English translation of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "lhifS", + "name": "Additional Details", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "0Pf6d", + "name": "adHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "FNnCm", + "name": "adTitle", + "fill": "#1B1B2F", + "content": "Additional Details", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "o5F0j", + "name": "adDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Information such as the word's root, meaning, and examples.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "YY79W", + "name": "adBody", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "d5Ksg", + "name": "adDefField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "7JHPE", + "name": "adDefLbl", + "fill": "#3D3F4A", + "content": "Definition", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "RwoZ5", + "name": "adDefIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "x5BlS", + "name": "adDefPlc", + "fill": "#A0A3B1", + "content": "Arabic definition...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "Lg2jk", + "name": "adDefDesc", + "fill": "#6B6F80", + "content": "An Arabic definition of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "d80RP", + "name": "adRootField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "zRaGq", + "name": "adRootLbl", + "fill": "#3D3F4A", + "content": "Root letters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "p9S5H", + "name": "adRootIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "hapTd", + "name": "adRootPlc", + "fill": "#A0A3B1", + "content": "ف ع ل", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "a7Q9N", + "name": "adRootDesc", + "fill": "#6B6F80", + "content": "The root letters of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "g6jNw", + "name": "adExWrap", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "ve13M", + "name": "adExHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "a8INN", + "name": "adExTitle", + "fill": "#1B1B2F", + "content": "Examples", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "zjKGt", + "name": "adExDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Example usages of the word in different contexts.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "2b7hU", + "name": "adExAddBtn", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 6, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "EPxrG", + "name": "adExAddIcon", + "width": 14, + "height": 14, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "gJwEq", + "name": "adExAddText", + "fill": "#6B6F80", + "content": "Add example", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tslV6", + "name": "Morphology", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "tVcs3", + "name": "morphHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "2fn68", + "name": "morphTitle", + "fill": "#1B1B2F", + "content": "Morphology", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "Gjwb6", + "name": "morphDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The morphological breakdown of the word.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "hklHQ", + "name": "morphBody", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "Re9Lw", + "name": "morphRow1", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "v44fq", + "name": "mSingF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "v0wQX", + "name": "mSingLbl", + "fill": "#3D3F4A", + "content": "Singular", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "bQdm8", + "name": "mSingIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "hFMcV", + "name": "mDualF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "xoFoW", + "name": "mDualLbl", + "fill": "#3D3F4A", + "content": "Dual", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "7gEv5", + "name": "mDualIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center" + } + ] + } + ] + }, + { + "type": "frame", + "id": "xHpts", + "name": "mRow2", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "789rI", + "name": "mGenderF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "6iRyM", + "name": "mGenderLbl", + "fill": "#3D3F4A", + "content": "Gender", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "VHtRY", + "name": "mGenderIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "8J8DJ", + "name": "mGenderVal", + "fill": "#1B1B2F", + "content": "Masculine", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "QardB", + "name": "mGenderChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "jDJtU", + "name": "mInflF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "M7MIX", + "name": "mInflLbl", + "fill": "#3D3F4A", + "content": "Inflection", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "W6hML", + "name": "mInflIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "4CT3o", + "name": "mInflVal", + "fill": "#1B1B2F", + "content": "Triptote", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "U5pxT", + "name": "mInflChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "2aKQK", + "name": "Right Sidebar", + "width": 280, + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "I8FNF", + "name": "Category", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "Kjujy", + "name": "catHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "kFVGg", + "name": "catTitle", + "fill": "#1B1B2F", + "content": "Category", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "9Ua4b", + "name": "catDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "How the word is categorized.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "uEehB", + "name": "catBody", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "text", + "id": "sF16e", + "name": "catLbl", + "fill": "#3D3F4A", + "content": "Type", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "iqaYU", + "name": "catSelect", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WDLZm", + "name": "catVal", + "fill": "#1B1B2F", + "content": "Ism", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "25BSc", + "name": "catChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ImF0L", + "name": "Tags", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "ICu4k", + "name": "tagHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "hFG7b", + "name": "tagTitle", + "fill": "#1B1B2F", + "content": "Tags", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "n2mOB", + "name": "tagDesc", + "fill": "#6B6F80", + "content": "Add tags to your word.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "wNo8q", + "name": "tagBody", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "yHmVL", + "name": "tagInput", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "h8epW", + "name": "tagPlc", + "fill": "#A0A3B1", + "content": "Search for a tag...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "4iJHJ", + "name": "tagRecent", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "ewdqU", + "name": "tagRecentLbl", + "fill": "#6B6F80", + "content": "Recently used", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "GfzJZ", + "name": "tagPills", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "b4nQy", + "name": "tagP1", + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "IwR8Q", + "name": "tagP1T", + "fill": "#3D3F4A", + "content": "transitive", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "es7dT", + "name": "tagP2", + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "0rCon", + "name": "tagP2T", + "fill": "#3D3F4A", + "content": "form-I", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "EOoXc", + "x": 0, + "y": 3930, + "name": "Add Word — AI Button", + "clip": true, + "width": 1440, + "height": 1200, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "6VqIS", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "children": [ + { + "type": "frame", + "id": "khRKm", + "name": "cLogo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + }, + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "ilntI", + "name": "cNavGrp", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "frame", + "id": "qC4KW", + "name": "cNavHome", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "F1gRS", + "name": "cNavHomeI", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "pham9", + "name": "cNavDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "5nZ2p", + "name": "cNavDecksI", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "XbLl5", + "name": "cSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "ukkVf", + "name": "cSettBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "h4vkF", + "name": "cSettI", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "RfLwL", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 20, + "padding": [ + 24, + 40 + ], + "children": [ + { + "type": "frame", + "id": "t8vot", + "name": "cBreadcrumbs", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "IzQc1", + "name": "cBcHome", + "fill": "#6B6F80", + "content": "Home", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "OWd36", + "name": "cBcSep", + "fill": "#6B6F80", + "content": "/", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "wJozn", + "name": "cBcCurrent", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "uGaVi", + "name": "cHeaderRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "kVbIh", + "name": "cTitle", + "fill": "#1B1B2F", + "content": "Add a new word to your dictionary", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "MFiBR", + "name": "cBtnRow", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "vFFKd", + "name": "AI Autofill Btn", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4F46E5", + "position": 0 + }, + { + "color": "#6D5BF7", + "position": 1 + } + ] + }, + "cornerRadius": 8, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#4F46E514", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 4 + }, + "gap": 6, + "padding": [ + 8, + 14 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "nosrM", + "name": "aiHBIcon", + "width": 14, + "height": 14, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "Kf2BT", + "name": "aiHBText", + "fill": "#FFFFFF", + "content": "Auto-fill with AI", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "Zfsvk", + "name": "aiHBBadge", + "fill": "#FFFFFF20", + "cornerRadius": 3, + "padding": [ + 1, + 5 + ], + "children": [ + { + "type": "text", + "id": "3LC23", + "name": "aiHBBadgeT", + "fill": "#FFFFFF", + "content": "PRO", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "700", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "ymASC", + "name": "cDiscardBtn", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 8, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "1XaTm", + "name": "cDiscardText", + "fill": "#6B6F80", + "content": "Discard", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "C7k1b", + "name": "cSaveBtn", + "fill": "#1B1B2F", + "cornerRadius": 8, + "padding": [ + 8, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "fqnha", + "name": "cSaveText", + "fill": "#FFFFFF", + "content": "Save", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "239tb", + "name": "Form Grid", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "jQmzs", + "name": "Left Column", + "width": "fill_container", + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "HEyEo", + "name": "Basic Details", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "yxkwd", + "name": "bdHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "wKknF", + "name": "bdTitle", + "fill": "#1B1B2F", + "content": "Basic Details", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "FSkBp", + "name": "bdBody", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "b0sYp", + "name": "bdWordField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "lkP3t", + "name": "bdWordLbl", + "fill": "#3D3F4A", + "content": "Word*", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "lNioE", + "name": "bdWordIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1.5, + "fill": "#4F46E5" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "p4CaF", + "name": "bdWordPlc", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "AFcwl", + "name": "bdTransField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "dcbG6", + "name": "bdTransLbl", + "fill": "#3D3F4A", + "content": "Translation*", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "1C9tl", + "name": "bdTransIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "8cFQb", + "name": "bdTransPlc", + "fill": "#1B1B2F", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "vyuiq", + "name": "bdTransDesc", + "fill": "#6B6F80", + "content": "An English translation of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "uwlqN", + "name": "Additional Details", + "width": "fill_container", + "fill": "#FAFAFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "GWMn6", + "name": "adHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "frame", + "id": "wi3a6", + "name": "adAiRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "JJJdr", + "name": "adAiBadge", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "vWonn", + "name": "adAiIcon", + "width": 13, + "height": 13, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "9zzgO", + "name": "adAiText", + "fill": "#4F46E5", + "content": "AI-Generated", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "XyVfX", + "name": "adClearBtn", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "kQ9X1", + "name": "adClearIcon", + "width": 12, + "height": 12, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + }, + { + "type": "text", + "id": "J5r5w", + "name": "adClearText", + "fill": "#8B85D0", + "content": "Clear all", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "text", + "id": "M66mC", + "name": "adTitle", + "fill": "#1B1B2F", + "content": "Additional Details", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "Yo2Hp", + "name": "adDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Information such as the word's root, meaning, and examples.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Wuz98", + "name": "adBody", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "gOhCe", + "name": "adDefField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "Px6Ny", + "name": "adDefLbl", + "fill": "#3D3F4A", + "content": "Definition", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "wbksG", + "name": "Def Input Row", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "gn8OH", + "name": "adDefIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2SIZq", + "name": "adDefPlc", + "fill": "#1B1B2F", + "content": "سَطَّرَ، خَطَّ بِالقَلَم", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "0CNqg", + "name": "defSparkle", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + }, + { + "type": "text", + "id": "mjkT3", + "name": "adDefDesc", + "fill": "#6B6F80", + "content": "An Arabic definition of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "1xPSv", + "name": "adRootField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "Awls1", + "name": "adRootLbl", + "fill": "#3D3F4A", + "content": "Root letters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "hGqi3", + "name": "Root Input Row", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "S4Gw0", + "name": "adRootIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "PJhYb", + "name": "adRootPlc", + "fill": "#1B1B2F", + "content": "ك ت ب", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "slNtB", + "name": "rootSparkle", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + }, + { + "type": "text", + "id": "QEZcs", + "name": "adRootDesc", + "fill": "#6B6F80", + "content": "The root letters of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "7eClp", + "name": "adExWrap", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "dMuDz", + "name": "adExHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "yIPLT", + "name": "adExTitle", + "fill": "#1B1B2F", + "content": "Examples", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "Q8K51", + "name": "adExDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Example usages of the word in different contexts.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "PTeUb", + "name": "Example 1", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "frame", + "id": "z2Cy6", + "name": "ex1TopRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "oHsEZ", + "name": "ex1Label", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "DSRGB", + "name": "ex1Dot", + "fill": "#4F46E5", + "width": 5, + "height": 5 + }, + { + "type": "text", + "id": "jqdP3", + "name": "ex1CtxT", + "fill": "#4F46E5", + "content": "formal", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "bHsM0", + "name": "ex1Reset", + "width": 14, + "height": 14, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + }, + { + "type": "text", + "id": "7JSCV", + "name": "ex1Ar", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "كَتَبَ الطَّالِبُ رِسَالَةً إِلَى صَدِيقِهِ", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "EvVvn", + "name": "ex1En", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The student wrote a letter to his friend.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "F27eW", + "name": "Example 2", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "frame", + "id": "h4xpO", + "name": "ex2TopRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Wex5w", + "name": "ex2Label", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "Prp6i", + "name": "ex2Dot", + "fill": "#22C55E", + "width": 5, + "height": 5 + }, + { + "type": "text", + "id": "n9A9J", + "name": "ex2CtxT", + "fill": "#22C55E", + "content": "modern", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "1RkKE", + "name": "ex2Reset", + "width": 14, + "height": 14, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + }, + { + "type": "text", + "id": "3KTIF", + "name": "ex2Ar", + "fill": "#1B1B2F", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "يَكْتُبُ المُؤَلِّفُ كِتَابًا جَدِيدًا كُلَّ عَام", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "48pDE", + "name": "ex2En", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The author writes a new book every year.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "coMHf", + "name": "Morphology", + "width": "fill_container", + "fill": "#FAFAFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "Scwys", + "name": "morphHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "frame", + "id": "enxPF", + "name": "mAiRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "FyDtg", + "name": "mAiBadge", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "2P8df", + "name": "mAiIcon", + "width": 13, + "height": 13, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "hHW0D", + "name": "mAiText", + "fill": "#4F46E5", + "content": "AI-Generated", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "kWpIs", + "name": "mClearBtn", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "16mVx", + "name": "mClearIcon", + "width": 12, + "height": 12, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + }, + { + "type": "text", + "id": "ZICG2", + "name": "mClearText", + "fill": "#8B85D0", + "content": "Clear all", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "text", + "id": "SbysH", + "name": "morphTitle", + "fill": "#1B1B2F", + "content": "Morphology", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "IQigT", + "name": "morphDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The morphological breakdown of the word.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "htFLn", + "name": "morphBody", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "zZOV9", + "name": "morphRow1", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "yQFDr", + "name": "mSingF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "lu7zi", + "name": "mSingLbl", + "fill": "#3D3F4A", + "content": "Singular", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "i48jU", + "name": "Sing Input Row", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "HMwvc", + "name": "mSingIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "JxBmc", + "name": "singVal", + "fill": "#1B1B2F", + "content": "كِتَاب", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "b6ucK", + "name": "singSparkle", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + } + ] + }, + { + "type": "frame", + "id": "9r9Ow", + "name": "mDualF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "pvSAN", + "name": "mDualLbl", + "fill": "#3D3F4A", + "content": "Dual", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "ixLPz", + "name": "Dual Input Row", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Gpb8z", + "name": "mDualIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "h0rrS", + "name": "dualVal", + "fill": "#1B1B2F", + "content": "كِتَابَان", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "d1Fal", + "name": "dualSparkle", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "LjAhZ", + "name": "mRow2", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "NAJk8", + "name": "mGenderF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "pks93", + "name": "mGenderLbl", + "fill": "#3D3F4A", + "content": "Gender", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "HeGTz", + "name": "Gender Input Row", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "8NnnW", + "name": "mGenderIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "swVnK", + "name": "mGenderVal", + "fill": "#1B1B2F", + "content": "Masculine", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "8FJW8", + "name": "genderSparkle", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + } + ] + }, + { + "type": "frame", + "id": "X3pbL", + "name": "mInflF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "ykBU7", + "name": "mInflLbl", + "fill": "#3D3F4A", + "content": "Inflection", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "aZofN", + "name": "Infl Input Row", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "YTvNt", + "name": "mInflIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#D4D0F8" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "pas2Q", + "name": "mInflVal", + "fill": "#1B1B2F", + "content": "Triptote", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "yRfBG", + "name": "inflSparkle", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "cmW3V", + "name": "Right Sidebar", + "width": 280, + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "jF8PD", + "name": "Category", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "9HKJH", + "name": "catHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "ieq6U", + "name": "catTitle", + "fill": "#1B1B2F", + "content": "Category", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "8fjnn", + "name": "catDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "How the word is categorized.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "3oKIz", + "name": "catBody", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "text", + "id": "16a6o", + "name": "catLbl", + "fill": "#3D3F4A", + "content": "Type", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "S4NWc", + "name": "catSelect", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TXoKP", + "name": "catVal", + "fill": "#1B1B2F", + "content": "Ism", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "QXqGC", + "name": "catChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "4JBYW", + "name": "Tags", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "ANznn", + "name": "tagHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "PgK6L", + "name": "tagTitle", + "fill": "#1B1B2F", + "content": "Tags", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "pdj6Y", + "name": "tagDesc", + "fill": "#6B6F80", + "content": "Add tags to your word.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "p5axP", + "name": "tagBody", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "Stpa5", + "name": "tagInput", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "k0RQs", + "name": "tagPlc", + "fill": "#A0A3B1", + "content": "Search for a tag...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "6NgNU", + "name": "tagRecent", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "a9FJj", + "name": "tagRecentLbl", + "fill": "#6B6F80", + "content": "Recently used", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "jfXfF", + "name": "tagPills", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "Sdop6", + "name": "tagP1", + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "XASQm", + "name": "tagP1T", + "fill": "#3D3F4A", + "content": "transitive", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "YRttD", + "name": "tagP2", + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "ZDFvh", + "name": "tagP2T", + "fill": "#3D3F4A", + "content": "form-I", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "48UPU", + "x": 1540, + "y": 3930, + "name": "Add Word — Auto Suggest", + "clip": true, + "width": 1440, + "height": 1200, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "1MsIp", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "children": [ + { + "type": "frame", + "id": "3GlcW", + "name": "cLogo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + }, + "justifyContent": "center", + "alignItems": "center" + }, + { + "type": "frame", + "id": "9QMZM", + "name": "cNavGrp", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "frame", + "id": "Yda3c", + "name": "cNavHome", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "784Ci", + "name": "cNavHomeI", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "4JLGH", + "name": "cNavDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Fb0rQ", + "name": "cNavDecksI", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "E0Vrs", + "name": "cSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "6GGhO", + "name": "cSettBtn", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "n5vfB", + "name": "cSettI", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "q9S2p", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 20, + "padding": [ + 24, + 40 + ], + "children": [ + { + "type": "frame", + "id": "rurQf", + "name": "cBreadcrumbs", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "X3CB7", + "name": "cBcHome", + "fill": "#6B6F80", + "content": "Home", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "O4WEn", + "name": "cBcSep", + "fill": "#6B6F80", + "content": "/", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "Y3pGv", + "name": "cBcCurrent", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "GCyvF", + "name": "cHeaderRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "53Ol8", + "name": "cTitle", + "fill": "#1B1B2F", + "content": "Add a new word to your dictionary", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "PDL0d", + "name": "cBtnRow", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "WqKUC", + "name": "cDiscardBtn", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 8, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "DbBou", + "name": "cDiscardText", + "fill": "#6B6F80", + "content": "Discard", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "o9OFO", + "name": "cSaveBtn", + "fill": "#1B1B2F", + "cornerRadius": 8, + "padding": [ + 8, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "5XKV8", + "name": "cSaveText", + "fill": "#FFFFFF", + "content": "Save", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "4ROjN", + "name": "Form Grid", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "GL54t", + "name": "Left Column", + "width": "fill_container", + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "RF3t2", + "name": "Basic Details", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "PYGU0", + "name": "bdHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "ceak7", + "name": "bdTitle", + "fill": "#1B1B2F", + "content": "Basic Details", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Ww7jR", + "name": "bdBody", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "Q0d9s", + "name": "bdWordField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "hDCgn", + "name": "bdWordLbl", + "fill": "#3D3F4A", + "content": "Word*", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "SXZmW", + "name": "bdWordIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1.5, + "fill": "#4F46E5" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6he37", + "name": "bdWordPlc", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "rN3x8", + "name": "bdTransField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "8yCQ5", + "name": "bdTransLbl", + "fill": "#3D3F4A", + "content": "Translation*", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "U6Sgn", + "name": "bdTransIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "G9XGn", + "name": "bdTransPlc", + "fill": "#1B1B2F", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "lo0c4", + "name": "bdTransDesc", + "fill": "#6B6F80", + "content": "An English translation of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Pz0rJ", + "name": "Additional Details", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "xoP3x", + "name": "adHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "mlIDV", + "name": "adTitle", + "fill": "#1B1B2F", + "content": "Additional Details", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "37i3P", + "name": "adDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Information such as the word's root, meaning, and examples.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "UCCGp", + "name": "adBody", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "UuWqf", + "name": "adDefField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "lzlon", + "name": "adDefLbl", + "fill": "#3D3F4A", + "content": "Definition", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "y6OoF", + "name": "adDefIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "rbDb3", + "name": "adDefPlc", + "fill": "#8B85D0", + "content": "سَطَّرَ، خَطَّ بِالقَلَم", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "icon_font", + "id": "5m5D7", + "name": "defHint", + "width": 14, + "height": 14, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D040" + } + ] + }, + { + "type": "text", + "id": "UFGe2", + "name": "adDefDesc", + "fill": "#6B6F80", + "content": "An Arabic definition of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "WK8Dx", + "name": "adRootField", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "vLBmX", + "name": "adRootLbl", + "fill": "#3D3F4A", + "content": "Root letters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "Q14oa", + "name": "adRootIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "3rP0U", + "name": "adRootPlc", + "fill": "#8B85D0", + "content": "ك ت ب", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "frame", + "id": "Yx8Aa", + "name": "rootHint", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "6sUIl", + "name": "rootHintI", + "width": 12, + "height": 12, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + }, + { + "type": "text", + "id": "Tu7D8", + "name": "rootHintT", + "fill": "#8B85D0", + "content": "Tab ↵", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "text", + "id": "Htn1N", + "name": "adRootDesc", + "fill": "#6B6F80", + "content": "The root letters of the word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "FK0bQ", + "name": "adExWrap", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "a1hEJ", + "name": "sugHint", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "J9mr5", + "name": "sugHintI", + "width": 12, + "height": 12, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D0" + }, + { + "type": "text", + "id": "j5RDI", + "name": "sugHintT", + "fill": "#8B85D0", + "content": "2 suggestions available", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "oEauC", + "name": "adExHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "3Gij7", + "name": "adExTitle", + "fill": "#1B1B2F", + "content": "Examples", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "XwBrL", + "name": "adExDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Example usages of the word in different contexts.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "triB7", + "name": "Suggestion 1", + "width": "fill_container", + "fill": "#FAFAFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "text", + "id": "kexqs", + "name": "exS1Ar", + "fill": "#8B85D0", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "كَتَبَ الطَّالِبُ رِسَالَةً إِلَى صَدِيقِهِ", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "text", + "id": "6mVWl", + "name": "exS1En", + "fill": "#8B85D080", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The student wrote a letter to his friend.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "frame", + "id": "ZoEtc", + "name": "exS1Actions", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dMppy", + "name": "exS1AccBtn", + "fill": "#4F46E510", + "cornerRadius": 5, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "g7VMQ", + "name": "exS1AccI", + "width": 12, + "height": 12, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "lj9LE", + "name": "exS1AccT", + "fill": "#4F46E5", + "content": "Accept", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "wtsDD", + "name": "exS1Dis", + "fill": "#6B6F80", + "content": "Dismiss", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "cyZUW", + "name": "Suggestion 2", + "width": "fill_container", + "fill": "#FAFAFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "text", + "id": "waFgW", + "name": "exS2Ar", + "fill": "#8B85D0", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "يَكْتُبُ المُؤَلِّفُ كِتَابًا جَدِيدًا كُلَّ عَام", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "text", + "id": "nIQSi", + "name": "exS2En", + "fill": "#8B85D080", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The author writes a new book every year.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "frame", + "id": "fm0bE", + "name": "exS2Actions", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "w7Yq6", + "name": "exS2AccBtn", + "fill": "#4F46E510", + "cornerRadius": 5, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "InR49", + "name": "exS2AccI", + "width": 12, + "height": 12, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "6wDOx", + "name": "exS2AccT", + "fill": "#4F46E5", + "content": "Accept", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "2pbrZ", + "name": "exS2Dis", + "fill": "#6B6F80", + "content": "Dismiss", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "3Ezpq", + "name": "Morphology", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "x0m2W", + "name": "morphHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "4V8GX", + "name": "morphTitle", + "fill": "#1B1B2F", + "content": "Morphology", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "FuE5e", + "name": "morphDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "The morphological breakdown of the word.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Xnc8F", + "name": "morphBody", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "A0sk3", + "name": "morphRow1", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "xe0Cv", + "name": "mSingF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "Q6M7R", + "name": "mSingLbl", + "fill": "#3D3F4A", + "content": "Singular", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "sXLzh", + "name": "mSingIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "8FwiK", + "name": "singGhost", + "fill": "#8B85D0", + "content": "كِتَاب", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "icon_font", + "id": "Y4QJx", + "name": "singHint", + "width": 12, + "height": 12, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D040" + } + ] + } + ] + }, + { + "type": "frame", + "id": "YV5eA", + "name": "mDualF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "3V1wD", + "name": "mDualLbl", + "fill": "#3D3F4A", + "content": "Dual", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "ySuAP", + "name": "mDualIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GvFXZ", + "name": "dualGhost", + "fill": "#8B85D0", + "content": "كِتَابَان", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal", + "fontStyle": "italic" + }, + { + "type": "icon_font", + "id": "klz47", + "name": "dualHint", + "width": 12, + "height": 12, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#8B85D040" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "cGoex", + "name": "mRow2", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "346Ge", + "name": "mGenderF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "iK4Em", + "name": "mGenderLbl", + "fill": "#3D3F4A", + "content": "Gender", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "66dJW", + "name": "mGenderIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Qy29T", + "name": "mGenderVal", + "fill": "#1B1B2F", + "content": "Masculine", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "Zg5Jz", + "name": "mGenderChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "KySg0", + "name": "mInflF", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "ONvHU", + "name": "mInflLbl", + "fill": "#3D3F4A", + "content": "Inflection", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "k5IX7", + "name": "mInflIn", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "F6u9R", + "name": "mInflVal", + "fill": "#1B1B2F", + "content": "Triptote", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "RpWBw", + "name": "mInflChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "N3F43", + "name": "Right Sidebar", + "width": 280, + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "Fk56D", + "name": "Category", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "xn10n", + "name": "catHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "3ODkz", + "name": "catTitle", + "fill": "#1B1B2F", + "content": "Category", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "jauGV", + "name": "catDesc", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "How the word is categorized.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "icgg7", + "name": "catBody", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "text", + "id": "9YMFH", + "name": "catLbl", + "fill": "#3D3F4A", + "content": "Type", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "tAlRO", + "name": "catSelect", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "27Txi", + "name": "catVal", + "fill": "#1B1B2F", + "content": "Ism", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "wJCqY", + "name": "catChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tIvJI", + "name": "Tags", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "hjHUW", + "name": "tagHeader", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "padding": [ + 20, + 24, + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "Yakak", + "name": "tagTitle", + "fill": "#1B1B2F", + "content": "Tags", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "e4rTM", + "name": "tagDesc", + "fill": "#6B6F80", + "content": "Add tags to your word.", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "T7HNU", + "name": "tagBody", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "padding": [ + 0, + 24, + 24, + 24 + ], + "children": [ + { + "type": "frame", + "id": "3jkXi", + "name": "tagInput", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "rwIed", + "name": "tagPlc", + "fill": "#A0A3B1", + "content": "Search for a tag...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "QELWC", + "name": "tagRecent", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "qW4ar", + "name": "tagRecentLbl", + "fill": "#6B6F80", + "content": "Recently used", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "ARQSC", + "name": "tagPills", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "SK0N9", + "name": "tagP1", + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "1Z6CU", + "name": "tagP1T", + "fill": "#3D3F4A", + "content": "transitive", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "7r3gy", + "name": "tagP2", + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "xIsM0", + "name": "tagP2T", + "fill": "#3D3F4A", + "content": "form-I", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "kTSLg", + "x": -1273, + "y": 4091, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fill" + }, + "width": 512, + "height": 512 + }, + { + "type": "frame", + "id": "B5NuO", + "x": 5670, + "y": 0, + "name": "Stats — Pro", + "clip": true, + "width": 1440, + "height": 1319, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "kaZmi", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "QCy0g", + "x": 14, + "y": 16, + "name": "logo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "eZHwi", + "x": 10, + "y": 60, + "name": "navGroup", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "frame", + "id": "ngCgM", + "name": "navHome", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "z8PT9", + "name": "homeIcon", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "2qi3G", + "name": "navDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "fhO3g", + "name": "decksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "Lhata", + "name": "navStats", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "1DXlT", + "name": "statsIcon", + "width": 20, + "height": 20, + "iconFontName": "activity", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + } + ] + }, + { + "type": "frame", + "id": "jYqRf", + "x": 0, + "y": 192, + "name": "spacer", + "width": 36, + "height": "fill_container(1059)" + }, + { + "type": "frame", + "id": "wD4Ym", + "x": 0, + "y": 1267, + "name": "navSettings", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "PzLFX", + "name": "settingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "s7tjX", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 24, + "padding": [ + 32, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "PkVit", + "name": "title", + "fill": "#1B1B2F", + "content": "Progress", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "600", + "letterSpacing": -0.5 + }, + { + "type": "frame", + "id": "0TtQd", + "name": "Content", + "width": 768, + "layout": "vertical", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "7UH8W", + "name": "Overview", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "DcvZP", + "name": "Streak Card", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFBEB", + "position": 0 + }, + { + "color": "#FFFDF5", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#F59E0B40" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 20, + 24 + ], + "children": [ + { + "type": "frame", + "id": "XrOTH", + "name": "sTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "7WvHP", + "name": "sLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "3xDmw", + "width": 28, + "height": 28, + "iconFontName": "flame", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + }, + { + "type": "frame", + "id": "QuKPG", + "name": "sInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "U3WpB", + "name": "sNum", + "width": "fit_content(105)", + "height": "fit_content(34)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "ULpud", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "12", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "800", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "fpRkh", + "x": 35, + "y": 10, + "fill": "#92400E", + "content": "day streak", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "IJusI", + "opacity": 0.6, + "fill": "#B45309", + "content": "Longest: 34 days", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "8GNTq", + "name": "sGoal", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "SnHQ8", + "width": 18, + "height": 18, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + }, + { + "type": "text", + "id": "6qAi4", + "fill": "#92400E", + "content": "Goal met!", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "JHtIZ", + "name": "sBar", + "width": "fill_container", + "height": 6, + "fill": "#F59E0B", + "cornerRadius": 3 + } + ] + }, + { + "type": "frame", + "id": "CqbhB", + "name": "Stats Row", + "width": "fill_container", + "height": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "p9QRa", + "name": "Words Learned", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 10, + "padding": [ + 16, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "w4ADL", + "name": "wTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bK0tT", + "name": "wInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "fHzF1", + "fill": "#1B1B2F", + "content": "89", + "fontFamily": "Inter", + "fontSize": 24, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "Wqjwy", + "fill": "#6B6F80", + "content": "Words Added", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "wWaxh", + "name": "wTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "5Wq5O", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + }, + { + "type": "text", + "id": "5kwxD", + "fill": "#10B981", + "content": "+12 this week", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Bjni9", + "name": "Pro Stats", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "01ec7", + "name": "Pro Header", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "LqRX2", + "name": "proTitle", + "fill": "#1B1B2F", + "content": "Insights", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "BrXXX", + "name": "proBadge", + "fill": "#4F46E5", + "cornerRadius": 6, + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "kAerO", + "name": "proBadgeText", + "fill": "#FFFFFF", + "content": "PRO", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "700", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "9ekf5", + "name": "Heatmap Card", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "text", + "id": "aotbf", + "name": "heatmapTitle", + "fill": "#1B1B2F", + "content": "Review Activity", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "zVWBr", + "name": "Heatmap Wrap", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "p2AMy", + "name": "dayLabels", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "sVgau", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Vzd3b", + "fill": "#9CA3AF", + "content": "Mon", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "slFOd", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "lbhPc", + "fill": "#9CA3AF", + "content": "Wed", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "2wbrf", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "BlH4C", + "fill": "#9CA3AF", + "content": "Fri", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "VQ8S9", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "t93eD", + "name": "Grid", + "width": "fill_container", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "6cbkx", + "name": "w1-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Yw9UF", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "s8Bde", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wmxVI", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0PAuE", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KS60w", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CCkMv", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sQRfS", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "bQnB2", + "name": "w2-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "F3KSb", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LHV9R", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5JvRW", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mrGYD", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tlRxH", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pMDfA", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZP46L", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "mrHWZ", + "name": "w3-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Gntn7", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ANxi1", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pSqzd", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gVmDL", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "C7cvP", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "psURd", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rgnKi", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "yhjZB", + "name": "w4-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "S7BS1", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QZn5q", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PvLZR", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zERUL", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RS05M", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PfDnY", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vpgaC", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "LPkHL", + "name": "w5", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cW28a", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dLJG9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3Xcka", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0Guou", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6cK6Q", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D782C", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9uKbo", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "jU5vr", + "name": "w6", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oYqaU", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pn51b", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HJfF2", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QQ5L5", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4miYT", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "k90yJ", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KljBw", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "C2dmx", + "name": "w7", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SGgo4", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7Nltg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "st3pi", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "J1427", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gFkPr", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FHIFP", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ang4k", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "F2RiH", + "name": "w8", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QBv5G", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CbLV1", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3f9hP", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "avDsV", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "J5HnC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UnbuX", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7ZP6W", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "JZxw9", + "name": "w9", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KJXvY", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "moEHu", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TxFbQ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wW20L", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2vqm0", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wdh4g", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eoFFp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "k3kj0", + "name": "w10", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Tvhh2", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WQBaZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4oxKh", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "raQU8", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ggVFe", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pbLpS", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zTJlo", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Zd4PN", + "name": "w11", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uS20F", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "F9H7L", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NFItE", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CwNkO", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jRXSx", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9gQFF", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KMSbq", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Evrwp", + "name": "w12", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ItTS5", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7sfZM", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wT9Jr", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Rkflc", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "l6vKy", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TYKBH", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "K23cF", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "0AM4l", + "name": "w13", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ky9Cy", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dOz4R", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mztbg", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LIzxN", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xTxYK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "E2T3t", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ax5B8", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "qJ6xy", + "name": "w14", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "u4ybY", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "q5bIt", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0rY01", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8BQnD", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a1kMv", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "k1R14", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zZdVn", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "1cuSl", + "name": "w15", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9RrK0", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hQJp9", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fnnT5", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "U0j2M", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BDpMu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vmUig", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "48CKn", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "SdzEv", + "name": "w16", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XqoAw", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "A8bCF", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rsoWW", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cSTRo", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "E5xGI", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DZnkG", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oyKbS", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "iaatZ", + "name": "w17", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cmonQ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vTeWd", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NSVYA", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "roXcT", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OH7rc", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NxB3k", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "f44KA", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "yspaj", + "name": "w18", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kwxmr", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UiTDa", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9mvye", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "F30IY", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "h4cv0", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "O7aYt", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a1tYk", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "2aGsO", + "name": "w19", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YiX1T", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kaWe6", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "plicE", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BzvwX", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9Eu64", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "f0HPG", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PW8Mn", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "6fiVC", + "name": "w20", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mGMYE", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VvUrf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Y6XZf", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yWWLV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BZPWZ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IM3kE", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JFndx", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "OhWjb", + "name": "w21", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fLB2Y", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bj1Gj", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vKIQp", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dSIlw", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kEJo3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "K8DvJ", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "AAtAW", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "75yHE", + "name": "w22", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cjMXV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3fE5F", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "I3RW2", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "upQM7", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HazMK", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RSG4n", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VbASK", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "4Hf8A", + "name": "w23", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kDqSs", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3d5bt", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "m2RwB", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GewEt", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Xpmck", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Bd7gR", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ht0DT", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "bzQMO", + "name": "w24", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KSQsZ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "K0275", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fJkp1", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "08ZiO", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Qot1d", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ancVZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JoALi", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "5Heoa", + "name": "w25", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JAdtu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7AaM6", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WjizK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uRlgO", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cntUx", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "51woA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bfAYX", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "8wHIo", + "name": "w26", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "q7yci", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CjZ49", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OHUjm", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "G67a9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BlJ7w", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "j95zn", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QnudL", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "VxxOi", + "name": "w27", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4CnyG", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "q6Upf", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LNy7c", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7m1bx", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KHUbR", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0e4He", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uFoxY", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "4fiO9", + "name": "w28", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kjFKo", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WWOPw", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4Wrhq", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "S6JnW", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kQeVK", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2gDqu", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IiZQy", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "oyxKB", + "name": "w29", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5nAyD", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "04Gry", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YFZZ0", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VpLNG", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RHhdv", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3EqpH", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MDUEw", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "QRS9S", + "name": "w30", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6KgIK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BYkOV", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mGgTo", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KxtNK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1fTbA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PeqS0", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8heuD", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "JFJZA", + "name": "w31", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ObO9X", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "l0UVv", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ypal0", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ViHfj", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Mie4a", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0wLa9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yN5dc", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "awcn7", + "name": "w32", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mQAdL", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TzRLr", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uzaoc", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nS5v8", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6xHK7", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IjGSt", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KRdzp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "tfUon", + "name": "w33", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HBTZY", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xbCHL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bLpst", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RfloF", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4zrhd", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9HZmp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cabO9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "7aEO0", + "name": "w34", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eQjjA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tFv0b", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WWpmG", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CACKH", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Y4MUJ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QxbFg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eOfrU", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "AOPBL", + "name": "w35", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jx1du", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Kj9Ka", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jWrXG", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "I8lqm", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3lRf4", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "avHd6", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fUb4I", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "rAci9", + "name": "w36", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hqVAm", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "czWkP", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7re5N", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YmamF", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PrryX", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZXJTT", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8yobw", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "oXC3E", + "name": "w37", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3IRO4", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6j9ZE", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "USm9x", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6VD1Y", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uxVGL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NKKnG", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9lOwP", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "PtIBW", + "name": "w38", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "C9lZT", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xnUf5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Haryx", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "urwhq", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UOeXA", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dgtA3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ndnwK", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "iTKP6", + "name": "w39", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UWYyy", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "W8l1i", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YNhQA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vLtVs", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OqcmM", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ABlga", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DWUlg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "ilZ0B", + "name": "w40", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "p2xdK", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jV2tK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "P7fUz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "aFCPM", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jZpTj", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i4eZK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "w9aG5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "QBh1i", + "name": "w41", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iMdoi", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3RuEY", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "aLRvU", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4kPhA", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bo9xt", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LjXcu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Vdg2u", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "QMUhc", + "name": "w42", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SGhth", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4ONO3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QtOoA", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "51MJL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XquQr", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UrBzD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yNa0Q", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "0NsCe", + "name": "w43", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "A1o8L", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YX2nu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bei2O", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Hn2DV", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yCvBu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Z4TJf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NKnnf", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "dnrsS", + "name": "w44", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZzRQD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ynp4B", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0kAFa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wfAu2", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BU5AU", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GD6bD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VJJKY", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "zHoM6", + "name": "w45", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LsS8n", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tIGQs", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XnH28", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Sifwj", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0FPTB", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "otkGj", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OZGW1", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "XxUhy", + "name": "w46", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "I6x14", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5OXTc", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yyov3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PjWjm", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xJ1Rz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ubdKq", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a8jjQ", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "GWDTz", + "name": "w47", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tegqf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ulmYO", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BtuIh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "y2ide", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DUw9W", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "o4j4G", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Joalq", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "LsDXV", + "name": "w48", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D8p3J", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KDFSm", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tqZEH", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "czBOP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "F5O8g", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pfbxY", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qVSqx", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "lBo1O", + "name": "w49", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vv16b", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "E9m3I", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5xpOX", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nTeBJ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4MdjI", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9yf7j", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r5XHg", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "9YX8s", + "name": "w50", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PtQyx", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KzK7g", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1XRsf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dkVIZ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Xagem", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "59nze", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RoxQV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "6VRJf", + "name": "w51", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rluPz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2BnEu", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6ZVQf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "b2fo3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HworA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "R7Zjp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9GShx", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "MiIGs", + "name": "w52", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jCQ5g", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pmLco", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KTKnc", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Lnyxc", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r0yRx", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SKvIc", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i16eL", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "MoGeB", + "name": "w53", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vjN4A", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "botZ5", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UlK2H", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iD9xF", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "72cA8", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QgSAh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SgJUp", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "90zg1", + "name": "w54", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IL9Tf", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lqoRL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nbxsR", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kihZg", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "56dj8", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eCv4b", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZLg25", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Ufkq6", + "name": "w55", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ldjI5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MK64S", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gW27A", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "B5uEW", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2Auzv", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xkO9U", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Md8nX", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "4izGZ", + "name": "w56", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "x7yXA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oqFLW", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IwXTY", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Oxvoo", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lI2Fu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BOHUu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8kbt2", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "8JP4a", + "name": "w57", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9yyaq", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "57M7R", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MABSk", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "b5ih2", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mEFNE", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Zx84O", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9Ac4o", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "9gfMu", + "name": "Month Labels", + "width": "fill_container", + "padding": [ + 0, + 0, + 0, + 28 + ], + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "YcMKA", + "fill": "#9CA3AF", + "content": "Apr", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "feF8r", + "fill": "#9CA3AF", + "content": "May", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "qe4gD", + "fill": "#9CA3AF", + "content": "Jun", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "AiQLC", + "fill": "#9CA3AF", + "content": "Jul", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "qkfs2", + "fill": "#9CA3AF", + "content": "Aug", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "MlXUD", + "fill": "#9CA3AF", + "content": "Sep", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "G0Eyv", + "fill": "#9CA3AF", + "content": "Oct", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "vzFMg", + "fill": "#9CA3AF", + "content": "Nov", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "VPhCR", + "fill": "#9CA3AF", + "content": "Dec", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "81gRV", + "fill": "#9CA3AF", + "content": "Jan", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "nn3dt", + "fill": "#9CA3AF", + "content": "Feb", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "ogoWm", + "fill": "#1B1B2F", + "content": "Mar", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "gYE2r", + "name": "Legend", + "width": "fill_container", + "gap": 6, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "0JeXs", + "fill": "#9CA3AF", + "content": "Less", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0O65i", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Vikqs", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "h4wvA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rFW2D", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WSsvJ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "text", + "id": "JB2HX", + "fill": "#9CA3AF", + "content": "More", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "jkjqG", + "name": "Top Insight Cards", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "5eeGz", + "name": "Words Learned", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "mbvXL", + "name": "wlHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "19vXi", + "name": "wlTitle", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "c12JH", + "fill": "#6B6F80", + "content": "Words Learned", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "YYVBo", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "SUJi1", + "name": "wlTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ilmDg", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + }, + { + "type": "text", + "id": "VaDHa", + "fill": "#10B981", + "content": "+7 this week", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "90vzj", + "name": "wlValue", + "width": "fit_content(133)", + "height": "fit_content(44)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "fOkwu", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "62", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "0RsdX", + "x": 52, + "y": 18, + "enabled": false, + "fill": "#6B6F80", + "content": "of 89 added", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "PJSnv", + "fill": "#9CA3AF", + "content": "All time", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "l3b9J", + "name": "Retention Rate", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "SNcB1", + "name": "retHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "PIFHN", + "name": "retInfo", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tl3xr", + "name": "retTitle", + "fill": "#6B6F80", + "content": "Retention Rate", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "MXTXh", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "ixJ2G", + "name": "retTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "qij6w", + "name": "retTrendIcon", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + }, + { + "type": "text", + "id": "5Q7ro", + "name": "retTrendText", + "fill": "#10B981", + "content": "+2.3% vs last week", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "hBaRM", + "name": "retValue", + "fill": "#1B1B2F", + "content": "87%", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "YUxbP", + "name": "retDesc", + "fill": "#9CA3AF", + "content": "7-day average", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "MYWXX", + "name": "Bottom Insight Cards", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "L1kIR", + "name": "Difficult Words", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 16, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "Qts0m", + "name": "header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "WymgV", + "name": "titleWrap", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "G44xb", + "fill": "#6B6F80", + "content": "Difficult Words", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "lobY7", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "3kubo", + "name": "countBadge", + "fill": "#F8F8FB", + "cornerRadius": 10, + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "hO2gK", + "fill": "#6B6F80", + "content": "12 total", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "zjO2s", + "name": "subLabel", + "fill": "#9CA3AF", + "content": "Top 3 most difficult", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "kEebM", + "name": "strugList", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "uu9cz", + "name": "word1", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XQ9Ia", + "name": "w1Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "sfyjq", + "fill": "#9CA3AF", + "content": "5 lapses", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "99zo8", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + }, + { + "type": "frame", + "id": "qE6kB", + "name": "clip1", + "clip": true, + "width": "fill_container", + "height": 24, + "children": [ + { + "type": "text", + "id": "PlteK", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "...هل يمكنكِ أن تساعديني في", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Tm0YX", + "name": "word2", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "VltRg", + "name": "w2Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "2mer9", + "name": "meta2", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "L55G1", + "name": "icon2", + "width": 11, + "height": 11, + "iconFontName": "arrow-left-right", + "iconFontFamily": "lucide", + "fill": "#B91C1C80" + }, + { + "type": "text", + "id": "gnGR8", + "fill": "#9CA3AF", + "content": "4 lapses", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "dYzGz", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + }, + { + "type": "text", + "id": "KOyzY", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "تَصَرَّفَ", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Y8xfr", + "name": "word3", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Wf5bt", + "name": "w3Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "VXxzh", + "name": "meta3", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "6edEC", + "name": "icon3", + "width": 11, + "height": 11, + "iconFontName": "arrow-left-right", + "iconFontFamily": "lucide", + "fill": "#B91C1C80" + }, + { + "type": "text", + "id": "CZl6i", + "fill": "#9CA3AF", + "content": "3 lapses", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "tdc28", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + }, + { + "type": "text", + "id": "DSOfb", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "اِنْطِبَاع", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Ii4qE", + "name": "footer", + "width": "fill_container", + "padding": [ + 4, + 0, + 0, + 0 + ], + "justifyContent": "center", + "children": [ + { + "type": "text", + "id": "C0rbT", + "fill": "#4F46E5", + "content": "View all in dictionary →", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "uet3n", + "name": "Workload Forecast", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "B2WHx", + "name": "forecastInfo", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "CFHwA", + "name": "forecastHeader", + "fill": "#6B6F80", + "content": "Workload Forecast", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "VTGcW", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "cr0uS", + "name": "forecastValue", + "width": "fit_content(196)", + "height": "fit_content(44)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "8iuFf", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "~28", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "dn5S2", + "x": 75, + "y": 18, + "fill": "#6B6F80", + "content": "reviews tomorrow", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "yzo7H", + "name": "Forecast Bars", + "width": "fill_container", + "height": 48, + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "rectangle", + "cornerRadius": 3, + "id": "oRzV6", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 20 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "V7i82", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 34 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "q6TYI", + "fill": "#4F46E5", + "width": "fill_container", + "height": 48 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "1wfA7", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 38 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "KzAA7", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 24 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "BmetN", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 16 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "OyNe9", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 30 + } + ] + }, + { + "type": "frame", + "id": "m6H8H", + "name": "forecastLabels", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "oPZCS", + "fill": "#9CA3AF", + "content": "Mon", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "uGDFv", + "fill": "#9CA3AF", + "content": "Tue", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "YHtcS", + "fill": "#1B1B2F", + "content": "Wed", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "D8SXy", + "fill": "#9CA3AF", + "content": "Thu", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "zTdEY", + "fill": "#9CA3AF", + "content": "Fri", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "STIfP", + "fill": "#9CA3AF", + "content": "Sat", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "gCaD0", + "fill": "#9CA3AF", + "content": "Sun", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "k8App", + "name": "Recent Reviews", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 14, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "pyQsn", + "name": "rcHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "wrk7m", + "name": "rcTitle", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "hZz5r", + "fill": "#6B6F80", + "content": "Recent Reviews", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "dLLOj", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "text", + "id": "qmYn2", + "fill": "#9CA3AF", + "content": "Today", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "UyLkc", + "name": "Review List", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "frame", + "id": "MnTde", + "name": "r1", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 8, + "padding": [ + 8, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bqPbf", + "name": "r1Left", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "RxvRR", + "fill": "#22C55E", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "UKkys", + "fill": "#1B1B2F", + "content": "كِتَاب", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "EyTkk", + "fill": "#9CA3AF", + "content": "book", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "wY31Y", + "name": "r1Right", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "0pvJW", + "fill": "#9CA3AF", + "content": "Good · 2m ago", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "lNgCC", + "name": "r1Undo", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Mjs1H", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "7AuL9", + "fill": "#6B6F80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Ic0Dy", + "name": "r2", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 8, + "padding": [ + 8, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "L0jRY", + "name": "r2L", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "vn3qj", + "fill": "#DC2626", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "8lwbv", + "fill": "#1B1B2F", + "content": "ذَهَبَ", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "UecTP", + "fill": "#9CA3AF", + "content": "to go", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "1isQF", + "name": "r2R", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Yg8zC", + "fill": "#9CA3AF", + "content": "Again · 5m ago", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "pe9eQ", + "name": "r2Undo", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "H5fOL", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "lFzNI", + "fill": "#6B6F80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "jeIPv", + "name": "r3", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 8, + "padding": [ + 8, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "6hqEi", + "name": "r3L", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "JMdZU", + "fill": "#22C55E", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "OPInd", + "fill": "#1B1B2F", + "content": "جَمِيل", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "hl0NU", + "fill": "#9CA3AF", + "content": "beautiful", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "FTSfW", + "name": "r3R", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "lHtwv", + "fill": "#9CA3AF", + "content": "Good · 8m ago", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "tIfoa", + "name": "r3Undo", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "deLR9", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "awKm6", + "fill": "#6B6F80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "4es6f", + "name": "r4", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 8, + "padding": [ + 8, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Xxr3p", + "name": "r4L", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "p6eLv", + "fill": "#15803D", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "27vFl", + "fill": "#1B1B2F", + "content": "مَدْرَسَة", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "qpTkZ", + "fill": "#9CA3AF", + "content": "school", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "3X9vz", + "name": "r4R", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "jEwQg", + "fill": "#9CA3AF", + "content": "Easy · 10m ago", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "L9nvp", + "name": "r4Undo", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "OrxJv", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "ww2mr", + "fill": "#6B6F80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "lg2l5", + "name": "r5", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 8, + "padding": [ + 8, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "aM4BI", + "name": "r5L", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "8LLmw", + "fill": "#F97316", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "92d7X", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "79uSn", + "fill": "#9CA3AF", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "06QHZ", + "name": "r5R", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "a9MAP", + "fill": "#9CA3AF", + "content": "Hard · 12m ago", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "AJeTq", + "name": "r5Undo", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "4CkEq", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "CHTmg", + "fill": "#6B6F80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "QLMzp", + "x": 9533, + "y": 145, + "name": "OG Image", + "clip": true, + "width": 1200, + "height": 630, + "fill": "#FFFFFF", + "layout": "none", + "children": [ + { + "type": "ellipse", + "id": "5ZMVm", + "x": -100, + "y": -150, + "name": "glow1", + "fill": { + "type": "gradient", + "gradientType": "radial", + "enabled": true, + "rotation": 0, + "size": { + "width": 1, + "height": 1 + }, + "colors": [ + { + "color": "#5B4AE415", + "position": 0 + }, + { + "color": "#5B4AE400", + "position": 1 + } + ] + }, + "width": 600, + "height": 500 + }, + { + "type": "ellipse", + "id": "2yFdl", + "x": 700, + "y": 250, + "name": "glow2", + "fill": { + "type": "gradient", + "gradientType": "radial", + "enabled": true, + "rotation": 0, + "size": { + "width": 1, + "height": 1 + }, + "colors": [ + { + "color": "#5B4AE410", + "position": 0 + }, + { + "color": "#5B4AE400", + "position": 1 + } + ] + }, + "width": 600, + "height": 500 + }, + { + "type": "ellipse", + "id": "LBt2p", + "x": 350, + "y": -50, + "name": "glow3", + "fill": { + "type": "gradient", + "gradientType": "radial", + "enabled": true, + "rotation": 0, + "size": { + "width": 1, + "height": 1 + }, + "colors": [ + { + "color": "#5B4AE408", + "position": 0 + }, + { + "color": "#5B4AE400", + "position": 1 + } + ] + }, + "width": 500, + "height": 400 + }, + { + "type": "text", + "id": "bsfhc", + "x": -20, + "y": 80, + "name": "leftArabic", + "rotation": -10, + "fill": "#5B4AE418", + "content": "عَرَبِيّ", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 180, + "fontWeight": "700" + }, + { + "type": "text", + "id": "vm6Me", + "x": 850, + "y": 320, + "name": "rightArabic", + "rotation": 8, + "fill": "#5B4AE418", + "content": "لُغَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 160, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "0dL46", + "x": 0, + "y": 0, + "name": "Content", + "width": 1200, + "height": 630, + "layout": "vertical", + "gap": 20, + "padding": [ + 0, + 80 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "5Oq54", + "name": "arabicDecor", + "fill": "#1A1625", + "content": "بَحْر", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 72, + "fontWeight": "700" + }, + { + "type": "text", + "id": "itzCH", + "name": "logo", + "fill": "#71688A", + "content": "Bahar", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "normal", + "letterSpacing": -2 + }, + { + "type": "text", + "id": "WxeoL", + "name": "tagline", + "fill": "#71688A", + "content": "Master Arabic, Your Way", + "fontFamily": "Inter", + "fontSize": 26, + "fontWeight": "500" + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PRJzC", + "name": "divider", + "fill": "#5B4AE4", + "width": 48, + "height": 3 + }, + { + "type": "text", + "id": "KwvsO", + "name": "subtitle", + "fill": "#9994AD", + "content": "Personal dictionary · Flashcards · Spaced repetition", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "2lVdX", + "name": "domain", + "fill": "#5B4AE4", + "content": "getbahar.com", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500", + "letterSpacing": 1 + } + ] + }, + { + "type": "rectangle", + "id": "Q9t48", + "x": 0, + "y": 0, + "name": "border", + "width": 1200, + "height": 630, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E4E0EE" + } + } + ] + }, + { + "type": "frame", + "id": "dbkfV", + "x": 5780, + "y": -414, + "name": "Streak — In Progress", + "width": 380, + "fill": "#FAFAFA", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "ZijKC", + "name": "ipTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "G2f6Y", + "name": "ipLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "CpCz5", + "name": "ipFlame", + "width": 28, + "height": 28, + "iconFontName": "flame", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "frame", + "id": "RVYVf", + "name": "ipInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "KU8vX", + "name": "ipNum", + "gap": 5, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "8nGFU", + "fill": "#6B6F80", + "content": "12", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "800", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "FEtx8", + "fill": "#9CA3AF", + "content": "day streak", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "6cK8P", + "opacity": 0.6, + "fill": "#9CA3AF", + "content": "Longest: 34 days", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "8wloz", + "name": "ipGoal", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "bq5Du", + "fill": "#6B6F80", + "content": "15 / 30", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "700" + }, + { + "type": "text", + "id": "EWNUW", + "fill": "#9CA3AF", + "content": "today's goal", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "D9Z9q", + "width": 12, + "height": 12, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZbXM4", + "name": "ipBar", + "width": "fill_container", + "height": 6, + "fill": "#E2E3EA", + "cornerRadius": 3, + "children": [ + { + "type": "rectangle", + "cornerRadius": 3, + "id": "1cWG1", + "fill": "#9CA3AF", + "width": 170, + "height": "fill_container" + } + ] + } + ] + }, + { + "type": "frame", + "id": "D7Luc", + "x": 6200, + "y": -414, + "name": "Streak — Goal Met", + "width": 380, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFBEB", + "position": 0 + }, + { + "color": "#FFFDF5", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#F59E0B40" + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "PV3Ae", + "name": "cTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dWOrl", + "name": "cLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "0BYoD", + "name": "cFlame", + "width": 28, + "height": 28, + "iconFontName": "flame", + "iconFontFamily": "lucide", + "weight": 400, + "fill": "#F59E0B" + }, + { + "type": "frame", + "id": "EO6tW", + "name": "cInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "4EHeY", + "name": "cNum", + "gap": 5, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "Zlihy", + "fill": "#1B1B2F", + "content": "12", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "800", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "0rWj4", + "fill": "#92400E", + "content": "day streak", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "GHMI3", + "opacity": 0.6, + "fill": "#B45309", + "content": "Longest: 34 days", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "6efDb", + "name": "cGoal", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "dOODu", + "width": 18, + "height": 18, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + }, + { + "type": "text", + "id": "5JV01", + "fill": "#92400E", + "content": "Goal met!", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Wtch4", + "name": "cBar", + "width": "fill_container", + "height": 6, + "fill": "#F59E0B", + "cornerRadius": 3 + } + ] + }, + { + "type": "frame", + "id": "SXdVW", + "x": 6620, + "y": -414, + "name": "Streak — Broken", + "width": 380, + "fill": "#FAFAFA", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "4YrvJ", + "name": "bTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "frGQM", + "name": "bLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "3WHcR", + "name": "bFlame", + "width": 28, + "height": 28, + "iconFontName": "flame", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "frame", + "id": "9YqID", + "name": "bInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "DHpon", + "name": "bNum", + "gap": 5, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "4hhcp", + "fill": "#6B6F80", + "content": "0", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "800", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "Nc7ul", + "fill": "#9CA3AF", + "content": "day streak", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "TVusq", + "opacity": 0.6, + "fill": "#9CA3AF", + "content": "Previous: 12 days", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "iCKMy", + "name": "bGoal", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "XhISj", + "fill": "#9CA3AF", + "content": "0 / 30", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "700" + }, + { + "type": "icon_font", + "id": "72H9V", + "width": 12, + "height": 12, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + } + ] + }, + { + "type": "frame", + "id": "C9ioG", + "name": "bBar", + "width": "fill_container", + "height": 6, + "fill": "#E2E3EA", + "cornerRadius": 3 + }, + { + "type": "frame", + "id": "LgoTn", + "name": "bCta", + "width": "fill_container", + "gap": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "8xv3X", + "fill": "#6B6F80", + "content": "Start reviewing to rebuild your streak", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "qSzYI", + "x": 7210, + "y": 1154, + "name": "Stats — Pro (Arabic)", + "clip": true, + "width": 1440, + "height": 960, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "8LJud", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 24, + "padding": [ + 32, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Ur2w3", + "name": "title", + "fill": "#1B1B2F", + "content": "التقدّم", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "600", + "letterSpacing": -0.5 + }, + { + "type": "frame", + "id": "Aqlem", + "name": "Content", + "width": 768, + "layout": "vertical", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "GYo2k", + "name": "Overview", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "GhDvI", + "name": "Stats Row", + "width": "fill_container", + "height": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "9EXKM", + "name": "Words Learned", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 10, + "padding": [ + 16, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jxn71", + "name": "wTop", + "width": "fill_container", + "height": "fit_content(78)", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "DWoOz", + "x": 0, + "y": 0, + "name": "wTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "h242z", + "fill": "#10B981", + "content": "+١٢ هذا الأسبوع", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + }, + { + "type": "icon_font", + "id": "EBIar", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + } + ] + }, + { + "type": "frame", + "id": "hCzNp", + "x": 269, + "y": 0, + "name": "wInfo", + "width": "fit_content(69)", + "height": "fit_content(78)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "97bvf", + "x": 41, + "y": 0, + "fill": "#1B1B2F", + "content": "٨٩", + "fontFamily": "Inter", + "fontSize": 24, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "MV9Lg", + "x": 0, + "y": 53, + "fill": "#6B6F80", + "content": "كلمات مضافة", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "RDjRb", + "name": "Streak Card", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFBEB", + "position": 0 + }, + { + "color": "#FFFDF5", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#F59E0B40" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 20, + 24 + ], + "children": [ + { + "type": "frame", + "id": "N412r", + "name": "sTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "uAzsG", + "name": "sGoal", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "yo6ol", + "fill": "#92400E", + "content": "!تم تحقيق الهدف", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + }, + { + "type": "icon_font", + "id": "QD0Ib", + "width": 18, + "height": 18, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + } + ] + }, + { + "type": "frame", + "id": "oyUdr", + "name": "sLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "IxLdy", + "name": "sInfo", + "width": "fit_content(105)", + "height": "fit_content(61)", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "zgGmQ", + "x": 0, + "y": 0, + "name": "sNum", + "width": "fit_content(105)", + "height": "fit_content(34)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "4Wkqd", + "x": 79, + "y": 0, + "fill": "#1B1B2F", + "content": "١٢", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "800", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "dZt8b", + "x": 16, + "y": 15, + "fill": "#92400E", + "content": "يوم متتالي", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "h6Aeq", + "x": 32, + "y": 39, + "opacity": 0.6, + "fill": "#B45309", + "content": "الأطول: ٣٤ يوم", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "Iyiry", + "width": 28, + "height": 28, + "iconFontName": "flame", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZWXrm", + "name": "sBar", + "width": "fill_container", + "height": 6, + "fill": "#F59E0B", + "cornerRadius": 3 + } + ] + } + ] + }, + { + "type": "frame", + "id": "puwzB", + "name": "Pro Stats", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "LoWI2", + "name": "Pro Header", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "g54LW", + "name": "proBadge", + "fill": "#4F46E5", + "cornerRadius": 6, + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ZvGBc", + "name": "proBadgeText", + "fill": "#FFFFFF", + "content": "PRO", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "700", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "text", + "id": "lJx54", + "name": "proTitle", + "fill": "#1B1B2F", + "content": "تحليلات", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.3 + } + ] + }, + { + "type": "frame", + "id": "M4ULs", + "name": "Heatmap Card", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "text", + "id": "9kRkr", + "name": "heatmapTitle", + "fill": "#1B1B2F", + "content": "نشاط المراجعة", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "GImIL", + "name": "Heatmap Wrap", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "vLX2g", + "name": "Grid", + "flipX": true, + "width": "fill_container", + "gap": 2, + "justifyContent": "end", + "children": [ + { + "type": "frame", + "id": "cd4Yr", + "name": "w1-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HkkXB", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dUZkR", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4Q9j5", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jhnlq", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jd3E3", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jzisr", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iQ3HV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "zP3mh", + "name": "w2-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "43FW4", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "m1pOH", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eeW8l", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BAbdP", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QzqN0", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "klELq", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pl5qG", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "rSZKl", + "name": "w3-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SgiEU", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "80t1s", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wvPwK", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SAbXK", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Fe3Ga", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VHbvx", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RPKf2", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "lU9Ew", + "name": "w4-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "R4xe0", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "s1NMV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9aKZV", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VRku9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4IOFQ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NvBoZ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "A39S4", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "3o9lB", + "name": "w5", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "B3J7W", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DVjTP", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OXbzS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "V6MNq", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Lt07y", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UsxtB", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yeYWB", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "kM2dE", + "name": "w6", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r2jAT", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "T0EpU", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ek1FE", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qJ4MA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "78JhG", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "M1XO0", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lMlzB", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "C28j9", + "name": "w7", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Eo1Ch", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "q40gU", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "olW0v", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MPCSA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Cg8aX", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mB1zD", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "v3JD9", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "rUTKB", + "name": "w8", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YaFys", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "m3pE9", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bBMBX", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kT51y", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iGolz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YmOMi", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bf8LL", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "DfilA", + "name": "w9", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KFr38", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Cjjs6", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "S5Fzm", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hIZ89", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UYUCR", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "E4nrR", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vsnIS", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "xds0S", + "name": "w10", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "N7B80", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FkNvY", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SIa2c", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jug9w", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IUXwi", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pPFXB", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jl76H", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Aarax", + "name": "w11", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "57RXW", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CdU7A", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "AUt9S", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xHFYT", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oGeQf", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "byWNl", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Y5R4o", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "QzN7R", + "name": "w12", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4rrv3", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "63Ct5", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qClqA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "g8nxy", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tlkye", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sqvJi", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "EUDbR", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "sRsWM", + "name": "w13", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dIb9s", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DlZE0", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kVb90", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1j8t5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "owhoZ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gSWtl", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "K1qGK", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Fg5bD", + "name": "w14", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Lh1BE", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "60KOR", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D9lTH", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1yJA5", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vgjyh", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jy5bO", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kHqQP", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "JgxEE", + "name": "w15", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ouy6J", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Led6O", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lMCq5", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fEreS", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "01hlM", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3vC9Z", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8pPnj", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Md4nQ", + "name": "w16", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FKHbv", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jVChH", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IzJCN", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lFYeU", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6huu7", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DIGcU", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xcqsi", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Qz55r", + "name": "w17", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DGq0N", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kIm4x", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "InvVD", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zY3VC", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VqPjE", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uQisZ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8wbMM", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "CqJ3I", + "name": "w18", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dBRya", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ruepW", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bpOmm", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "92Scz", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uIOKM", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ADVY5", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QwNgA", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "diVGM", + "name": "w19", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ooZcX", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Kn15w", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "o4Mmg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1bekT", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LQfs1", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "M3OKD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Z95pu", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "OtmJu", + "name": "w20", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pAsuf", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oicnB", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "EVk6e", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "U22JC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JbpWw", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0zbu0", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XOQHl", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "TQKbQ", + "name": "w21", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8lZxO", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YOzbU", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "m5HRh", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kShLk", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GOO9L", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PLbQp", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4OjN6", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "gEh6h", + "name": "w22", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JmfuS", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "q971u", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "v4VDk", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tfbki", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mQnMR", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hlD9L", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fL0me", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "OmUj3", + "name": "w23", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7xO24", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3LGqf", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pAyWW", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "EKEoa", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IIt3H", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QNueK", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3I9qq", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "HuBeA", + "name": "w24", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7aTuv", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "z0qif", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PxFFz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ib3c5", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "W2oDb", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VdTT0", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mFEqJ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "P0aT2", + "name": "w25", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FLUuQ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "B1BKC", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6ZwlL", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "s4gPU", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VY7Ro", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DSKZi", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Y3bv4", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "LkfmL", + "name": "w26", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cdQJP", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KdLEP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HH3PX", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "N2y91", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FfN0H", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TJt8x", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6Aakv", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "BYI5O", + "name": "w27", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gR40l", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dKh4o", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9n2kY", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4hFeI", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6Dz2K", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qthfV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ix3iO", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "WYRxt", + "name": "w28", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KGSsP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Khk15", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "x3YvW", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "49O75", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lIXSr", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZXXiH", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YQxCE", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "hM4oV", + "name": "w29", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eyQll", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cWGwN", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4rT8v", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OBZyJ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "O8z8z", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yey3m", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2LHFS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "eHN8r", + "name": "w30", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Pu6yd", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "56Gi0", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "96xHA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7Z5ac", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "217l8", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4vg3m", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "V1Ni9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Qvp0n", + "name": "w31", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GxacP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "y5ZYr", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ky4H7", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "N7MDA", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ybcDJ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yBd0c", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dK0rQ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "vitPy", + "name": "w32", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WuD8w", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zbrBs", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ndzzC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6E0pz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "933fX", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZtP8x", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hZbNC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "l4ug8", + "name": "w33", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5OWec", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3r4lH", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "R7QAY", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sgeSu", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VXDze", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Q6Uf7", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6S9bg", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "8PRAZ", + "name": "w34", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JDYjQ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FHkKf", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CPZll", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rdYSt", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3eQlX", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1keHc", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0uJxu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "DXyjV", + "name": "w35", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ozFKP", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "d3VIR", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FTwtL", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "p1WVp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jjam2", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GHVzJ", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Vwm6b", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Cbncw", + "name": "w36", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "88lSk", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "w3TcS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bkefs", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "UO9OS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RlkDN", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "e2DeI", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vWMtY", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Xi3Z0", + "name": "w37", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "El2El", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i0Egz", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BoSuy", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZS5Mw", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Nqw3a", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SPBPK", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FyM75", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "C9hmj", + "name": "w38", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "odOR8", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fyj2b", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JjRed", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Z1whm", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7Y9tG", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hfHD5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NKeCc", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "SW0m3", + "name": "w39", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tliT8", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XfWy6", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uyVQq", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PotNW", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "az6dA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gpXra", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KlyQV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "O9NxA", + "name": "w40", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mxUkk", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OByxI", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Fxj5K", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HZSOe", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2PP8N", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ina1P", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "l97F9", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "J3Y9M", + "name": "w41", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dE4nw", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tjw8t", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gI1Qf", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7HJxS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a3N58", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LRtvi", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "W7GAI", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "GNGd8", + "name": "w42", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RE8xH", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8Ftmx", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D254q", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Cy20O", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yP9ph", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TFIbd", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cubaR", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "rLW98", + "name": "w43", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eOfN8", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5o9Vs", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nTZGa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7zYUI", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ukZIg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JkRc9", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kpe49", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "wa2HX", + "name": "w44", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "S75P2", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XKVHi", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tQEZp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MHqQk", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ffjNx", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oEB12", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kYfMi", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Ngzba", + "name": "w45", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "f8nfq", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Il7j5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NBAJr", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8SMVa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "G2qc3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "AvELz", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KrjjR", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "OroFb", + "name": "w46", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "M2ZwA", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VR737", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IrmjQ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hHK39", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9xLov", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cl3EZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cn1Tv", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Fn04Q", + "name": "w47", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Tnsuz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TarGY", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lC8JF", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "noQoa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QhPQa", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vUfma", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TxN9m", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "hejT4", + "name": "w48", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Vpk08", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gbYVo", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Yb6nf", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3ITd3", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kFlWW", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "x2fQD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cvvUl", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "JoxSs", + "name": "w49", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "G5dYv", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rFEca", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4rBbs", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "G3Tcr", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "M0sTK", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "AnRJR", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QL8qH", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "fyIek", + "name": "w50", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eINdV", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Tpwxa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "W7b02", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TDWrY", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OhsRQ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YeSwg", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qmZpJ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "PmQxM", + "name": "w51", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vqgR9", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "h584q", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jalwJ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "77T1m", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "B2mwH", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BnYcQ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uQKOh", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "co2qf", + "name": "w52", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3Gk2S", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "U6oHL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tUq28", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "L7xdq", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8rYEJ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "E2BQW", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6DWW9", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + } + ] + }, + { + "type": "frame", + "id": "uKOC9", + "name": "dayLabels", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "xJHP8", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "jVZsl", + "fill": "#9CA3AF", + "content": "إثن", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "vY50N", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "CbDtX", + "fill": "#9CA3AF", + "content": "أرب", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "MwYxM", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "A3bEK", + "fill": "#9CA3AF", + "content": "جمع", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "m08uS", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ITIzZ", + "name": "Month Labels", + "width": "fill_container", + "padding": [ + 0, + 28, + 0, + 0 + ], + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "cGYq9", + "fill": "#1B1B2F", + "content": "مارس", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "CqiAD", + "fill": "#9CA3AF", + "content": "فبر", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "52VPH", + "fill": "#9CA3AF", + "content": "يناير", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "SiWvV", + "fill": "#9CA3AF", + "content": "ديس", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "ArKHz", + "fill": "#9CA3AF", + "content": "نوف", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "x7T8n", + "fill": "#9CA3AF", + "content": "أكت", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "S6KSv", + "fill": "#9CA3AF", + "content": "سبت", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "cQBO5", + "fill": "#9CA3AF", + "content": "أغس", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "OHGm1", + "fill": "#9CA3AF", + "content": "يول", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "O58B3", + "fill": "#9CA3AF", + "content": "يون", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "LZbOg", + "fill": "#9CA3AF", + "content": "مايو", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "8HHTD", + "fill": "#9CA3AF", + "content": "أبر", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "rI26j", + "name": "Legend", + "width": "fill_container", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6NhGP", + "fill": "#9CA3AF", + "content": "أكثر", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PEx6Y", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wzL5E", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2VE9R", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gTf0r", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IpNEk", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "text", + "id": "8ZiOG", + "fill": "#9CA3AF", + "content": "أقل", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "DtDEs", + "name": "Top Insight Cards", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "FcyWM", + "name": "Retention Rate", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "x8lqk", + "name": "retHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SahK6", + "name": "retTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "n2ScF", + "name": "retTrendText", + "fill": "#10B981", + "content": "+٢.٣٪ عن الأسبوع الماضي", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + }, + { + "type": "icon_font", + "id": "rEg4r", + "name": "retTrendIcon", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + } + ] + }, + { + "type": "frame", + "id": "T5a6T", + "name": "retInfo", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "pgQaF", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "text", + "id": "5mHRi", + "name": "retTitle", + "fill": "#6B6F80", + "content": "معدل الاسترجاع", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "text", + "id": "d55Kj", + "name": "retValue", + "fill": "#1B1B2F", + "content": "٨٧٪", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "hD2qq", + "name": "retDesc", + "fill": "#9CA3AF", + "content": "متوسط ٧ أيام", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "CSJ6t", + "name": "Words Learned", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "a9tP1", + "name": "wlHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Ua0Jx", + "name": "wlTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gkGfk", + "fill": "#10B981", + "content": "+٧ هذا الأسبوع", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + }, + { + "type": "icon_font", + "id": "IPQPN", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + } + ] + }, + { + "type": "frame", + "id": "0oVLY", + "name": "wlTitle", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "wPGkj", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "text", + "id": "y5jcp", + "fill": "#6B6F80", + "content": "كلمات متعلّمة", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "76WWU", + "name": "wlValue", + "width": "fit_content(133)", + "height": "fit_content(44)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "431gr", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "٦٢", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "dMbE9", + "x": 52, + "y": 18, + "enabled": false, + "fill": "#6B6F80", + "content": "of 89 added", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "C842E", + "fill": "#9CA3AF", + "content": "كل الوقت", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "sfX1p", + "name": "Bottom Insight Cards", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "ZQmi7", + "name": "Workload Forecast", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "nSLw5", + "name": "forecastInfo", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "F1vcc", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "text", + "id": "yTfaR", + "name": "forecastHeader", + "fill": "#6B6F80", + "content": "توقعات المراجعة", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "a4f0b", + "name": "forecastValue", + "width": "fit_content(196)", + "height": "fit_content(44)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "lLmBR", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "~٢٨", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "yXjnq", + "x": 75, + "y": 18, + "fill": "#6B6F80", + "content": "مراجعة غدًا", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "r10ze", + "name": "Forecast Bars", + "width": "fill_container", + "height": 48, + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "rectangle", + "cornerRadius": 3, + "id": "7mCvX", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 20 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "NSxoz", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 34 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "mlPai", + "fill": "#4F46E5", + "width": "fill_container", + "height": 48 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "2HyMd", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 38 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "rHA27", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 24 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "nUDcN", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 16 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "6Rmrs", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 30 + } + ] + }, + { + "type": "frame", + "id": "4dvlD", + "name": "forecastLabels", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "4Lw4Y", + "fill": "#9CA3AF", + "content": "إثن", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "lCAGB", + "fill": "#9CA3AF", + "content": "ثلث", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "HI8VN", + "fill": "#1B1B2F", + "content": "أرب", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "0dw3f", + "fill": "#9CA3AF", + "content": "خمس", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "NPwLy", + "fill": "#9CA3AF", + "content": "جمع", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "kUBCo", + "fill": "#9CA3AF", + "content": "سبت", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "4lHx8", + "fill": "#9CA3AF", + "content": "أحد", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "0Ipga", + "name": "Difficult Words", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 16, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "sMN62", + "name": "header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "25Ny7", + "name": "countBadge", + "fill": "#F8F8FB", + "cornerRadius": 10, + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "zz9qg", + "fill": "#6B6F80", + "content": "١٢ إجمالي", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "L6df7", + "name": "titleWrap", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "qsvlt", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "text", + "id": "gxGJr", + "fill": "#6B6F80", + "content": "كلمات صعبة", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "text", + "id": "HxMop", + "name": "subLabel", + "fill": "#9CA3AF", + "content": "أصعب ٣ كلمات", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "if3tb", + "name": "strugList", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "Kc75n", + "name": "word1", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "cavs7", + "name": "clip1", + "clip": true, + "width": "fill_container", + "height": 24, + "children": [ + { + "type": "text", + "id": "jPuCK", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "...هل يمكنكِ أن تساعديني في", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Iu7LC", + "name": "w1Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "kBLOV", + "fill": "#9CA3AF", + "content": "٥ أخطاء", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "W1Xii", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + } + ] + }, + { + "type": "frame", + "id": "S40d0", + "name": "word2", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "fFUlN", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "تَصَرَّفَ", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "YxUxP", + "name": "w2Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "h2Qab", + "name": "meta2", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "1L46Z", + "name": "icon2", + "width": 11, + "height": 11, + "iconFontName": "arrow-left-right", + "iconFontFamily": "lucide", + "fill": "#B91C1C80" + }, + { + "type": "text", + "id": "GtEDD", + "fill": "#9CA3AF", + "content": "٤ أخطاء", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "EHDlQ", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + } + ] + }, + { + "type": "frame", + "id": "1OIAi", + "name": "word3", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "b1Ycf", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "اِنْطِبَاع", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "aDh9N", + "name": "w3Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "LyjZY", + "name": "meta3", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "kBxEV", + "name": "icon3", + "width": 11, + "height": 11, + "iconFontName": "arrow-left-right", + "iconFontFamily": "lucide", + "fill": "#B91C1C80" + }, + { + "type": "text", + "id": "kmsAK", + "fill": "#9CA3AF", + "content": "٣ أخطاء", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "GCBdW", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "zmfmO", + "name": "footer", + "width": "fill_container", + "padding": [ + 4, + 0, + 0, + 0 + ], + "justifyContent": "center", + "children": [ + { + "type": "text", + "id": "Kkw9l", + "fill": "#4F46E5", + "content": "← عرض الكل في القاموس", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Q90Rz", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "left": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "children": [ + { + "type": "frame", + "id": "8zjXD", + "name": "logo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "TWVUe", + "name": "navGroup", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "frame", + "id": "hnJ67", + "name": "navHome", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "s8oo5", + "name": "homeIcon", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "4ZcSM", + "name": "navDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ks1Mk", + "name": "decksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "BSwvn", + "name": "navStats", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "3ZR0Y", + "name": "statsIcon", + "width": 20, + "height": 20, + "iconFontName": "activity", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + } + ] + }, + { + "type": "frame", + "id": "bBP3H", + "name": "spacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "9mZXw", + "name": "navSettings", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "oQD1S", + "name": "settingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "nyN9J", + "x": 7210, + "y": 0, + "name": "Stats — Free", + "clip": true, + "width": 1440, + "height": 960, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "0PrWC", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "SnV8e", + "x": 14, + "y": 16, + "name": "logo", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "PT5pV", + "x": 10, + "y": 60, + "name": "navGroup", + "width": "fit_content(36)", + "height": "fit_content(116)", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "m8q0u", + "x": 0, + "y": 0, + "name": "navHome", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Ct7MF", + "name": "homeIcon", + "width": 20, + "height": 20, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "bSR79", + "x": 0, + "y": 40, + "name": "navDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "H4prz", + "name": "decksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + }, + { + "type": "frame", + "id": "WhscT", + "x": 0, + "y": 80, + "name": "navStats", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "DDEqL", + "name": "statsIcon", + "width": 20, + "height": 20, + "iconFontName": "activity", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + } + ] + }, + { + "type": "frame", + "id": "l4ePb", + "x": 0, + "y": 192, + "name": "spacer", + "width": 36, + "height": "fill_container(700)" + }, + { + "type": "frame", + "id": "PpbU0", + "x": 0, + "y": 908, + "name": "navSettings", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Wv46f", + "name": "settingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "KTAys", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 24, + "padding": [ + 32, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "LOEi7", + "name": "title", + "fill": "#1B1B2F", + "content": "Progress", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "600", + "letterSpacing": -0.5 + }, + { + "type": "frame", + "id": "AYUJx", + "name": "Content", + "width": 768, + "layout": "vertical", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "tXU2B", + "name": "Overview", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "eIzrS", + "name": "Streak Card", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFBEB", + "position": 0 + }, + { + "color": "#FFFDF5", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#F59E0B40" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 20, + 24 + ], + "children": [ + { + "type": "frame", + "id": "jWcAI", + "name": "sTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "eqTMH", + "name": "sLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "oS7PG", + "width": 28, + "height": 28, + "iconFontName": "flame", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + }, + { + "type": "frame", + "id": "u3wWq", + "name": "sInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "kCN11", + "name": "sNum", + "width": "fit_content(105)", + "height": "fit_content(34)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "nrnDJ", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "12", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "800", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "7EmlA", + "x": 35, + "y": 10, + "fill": "#92400E", + "content": "day streak", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "PaMLG", + "opacity": 0.6, + "fill": "#B45309", + "content": "Longest: 34 days", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "KLtXS", + "name": "sGoal", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "iN56h", + "width": 18, + "height": 18, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + }, + { + "type": "text", + "id": "TqBnH", + "fill": "#92400E", + "content": "Goal met!", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "RPGyz", + "name": "sBar", + "width": "fill_container", + "height": 6, + "fill": "#F59E0B", + "cornerRadius": 3 + } + ] + }, + { + "type": "frame", + "id": "Bgcnz", + "name": "Stats Row", + "width": "fill_container", + "height": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "6RNvH", + "name": "Words Learned", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 10, + "padding": [ + 16, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "oQgLZ", + "name": "wTop", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "zuFjA", + "name": "wInfo", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "rdOEw", + "fill": "#1B1B2F", + "content": "89", + "fontFamily": "Inter", + "fontSize": 24, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "dIKS1", + "fill": "#6B6F80", + "content": "Words Added", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "wQppF", + "name": "wTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "GIMWp", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + }, + { + "type": "text", + "id": "QJIFb", + "fill": "#10B981", + "content": "+12 this week", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "8GsQu", + "name": "Pro Section Wrapper", + "width": "fill_container", + "height": 420, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "8wRjD", + "x": 0, + "y": 133, + "name": "Pro Stats", + "opacity": 0.3, + "width": 768, + "height": 420, + "effect": { + "type": "blur", + "radius": 4 + }, + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "U3Azy", + "name": "Pro Header", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Z1Kiy", + "name": "proTitle", + "fill": "#1B1B2F", + "content": "Insights", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "600", + "letterSpacing": -0.3 + }, + { + "type": "frame", + "id": "SfGCf", + "name": "proBadge", + "fill": "#4F46E5", + "cornerRadius": 6, + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "bmpQK", + "name": "proBadgeText", + "fill": "#FFFFFF", + "content": "PRO", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "700", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "AMufb", + "name": "Heatmap Card", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "text", + "id": "nHBGy", + "name": "heatmapTitle", + "fill": "#1B1B2F", + "content": "Review Activity", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "mWplB", + "name": "Heatmap Wrap", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "JqGwP", + "name": "dayLabels", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "viqMe", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "JbQDa", + "fill": "#9CA3AF", + "content": "Mon", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "83KKz", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "pxh8n", + "fill": "#9CA3AF", + "content": "Wed", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Im8Qs", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "saODG", + "fill": "#9CA3AF", + "content": "Fri", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "text", + "id": "dxBmB", + "fill": "#9CA3AF", + "content": " ", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "GTiJd", + "name": "Grid", + "width": "fill_container", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "3Uu6c", + "name": "w1-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GwrQb", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mGXrI", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "o657h", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ltPMO", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "o4mM5", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oxqdM", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oq6RX", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "LYwVm", + "name": "w2-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1MB1E", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "swMHW", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cTUIG", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CgVbH", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dGbaH", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2Qcle", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qYcyd", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "VySGa", + "name": "w3-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rqaYO", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LtzTV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "L28iq", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BfQbx", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "paOZs", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hlFuZ", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XTxq0", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "4bG8A", + "name": "w4-sparse", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BoffR", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "poJY9", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mQCcQ", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uQLVE", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "U0Q2T", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ofpGb", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wU52f", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "aqVXj", + "name": "w5", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uKEUw", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VJQRP", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GtzPt", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "aNcS7", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TgxrQ", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HLBNX", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tNGmI", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "8CSzl", + "name": "w6", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sMC2R", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NuE5Y", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "d0D3H", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IWh2A", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TkjHL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mUyfh", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "J4xHe", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "r0F1C", + "name": "w7", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GxgS1", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FojQg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7MnK3", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CXcJF", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Lqzd4", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yCe2J", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SQpd5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Tut50", + "name": "w8", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vOlRl", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "U1ZJZ", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HWx8u", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OknDy", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MfI58", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yPGuR", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "45KRB", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "9NvP3", + "name": "w9", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0HPfZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "X0JAd", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eO4QM", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "frQlx", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0VoD6", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kVuUi", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cQVni", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "jMRY6", + "name": "w10", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WhlQE", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yODmG", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "j41oC", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3De7r", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "42ptV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eBvaW", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a0icc", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Jg5xm", + "name": "w11", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MabYm", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2N73S", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lY7a5", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0nrCh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SCXO8", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3Daf2", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i1873", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "d2UX9", + "name": "w12", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "u264n", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8v2kj", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i4lNL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QMYb7", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "tw8Fi", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5YquL", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "p6BNj", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "dOAxV", + "name": "w13", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7MTHj", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2L3ks", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YITyG", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "G1vig", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i0Ls7", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CPUpO", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FBYWD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "UJKAr", + "name": "w14", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vHHgt", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HH9Yk", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "boMlz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fTfMw", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WfVxy", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IFMpn", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "z6Iq7", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "CfLbf", + "name": "w15", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HQj1j", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kmYs8", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "50oRO", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VYfp7", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IWwZa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nDjb4", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kxCaR", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "L8kbH", + "name": "w16", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0KcAo", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "899ot", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9ZYEe", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VZl6Q", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ko8nD", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xdrd9", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FXrqC", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "0bLho", + "name": "w17", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TQUMm", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7VL4q", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qqep2", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "83FiX", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VQvKF", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uc1RV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DYK1u", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Untoj", + "name": "w18", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2YExr", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jVuoJ", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bnis6", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Jd3xY", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZVZgm", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sUSLo", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "AYGBs", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "pOryM", + "name": "w19", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pxNVB", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fbMPI", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hqFYS", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "avrZx", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8NC63", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DO9pD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QEgsQ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "pbTzn", + "name": "w20", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yRqNa", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1VH6d", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JECrt", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OfxLd", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "S7gUX", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "z4vSZ", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zLJNM", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "uszXk", + "name": "w21", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rir0O", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XiYXL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WQcLS", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7k9RR", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KV8ZC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Jg99T", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9mrWd", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "yjb5I", + "name": "w22", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OIwGd", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "soL6K", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oJF2H", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HyB5H", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BNRvV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jibAy", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "v1mZn", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "MExaX", + "name": "w23", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8TjIn", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DhrFb", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zhYUp", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nI1Tm", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3Pzla", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PzXOt", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bznt5", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "vDz2K", + "name": "w24", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eVpSS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bcczE", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r3Hle", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eulgN", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SgwlX", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "OKisa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "feTVB", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "v1lwd", + "name": "w25", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "T7GYz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PJMGd", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "h4mTA", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "p67ZN", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "p9OfA", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ITzfN", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6bbsf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "91Doe", + "name": "w26", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "s2iyu", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YGtBb", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "NyTZ2", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "b0gYw", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3wpeI", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qeVot", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D3n51", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "itGS2", + "name": "w27", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r5jWZ", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "EYCQz", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "aiwus", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BtaNP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MhboZ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "A0t5p", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "omQlu", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "IZRts", + "name": "w28", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "EuQcq", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YcSVp", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "N56Kc", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ygRoZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "EVeFg", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CUTwB", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ynKmq", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "bo8zF", + "name": "w29", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3kY2G", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "o0jyX", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "bvs8h", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dLIop", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DwSYL", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Jf8SC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HF3TA", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "LnEVo", + "name": "w30", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PFw5r", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TsGF3", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wosRo", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "60lLH", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8ePZK", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "drcqk", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KTdQm", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "RKviU", + "name": "w31", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mzhXf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SFPON", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "GzGng", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qOqJM", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kIUZe", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "B2Mv7", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4hklB", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "9scP3", + "name": "w32", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2x2hk", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XejXT", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TmBqr", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rnv2I", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YFbMX", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7FMoP", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "c9BSV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "T8O2M", + "name": "w33", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cSHSo", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KRttO", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2quHE", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2jPhQ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zXIaD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Dgum0", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a1Mj1", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "hg8CF", + "name": "w34", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "M2AKp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oIbdb", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WPryJ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ox6ud", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "P9vB7", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pdiir", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sFteO", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "5nCni", + "name": "w35", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "mDXnr", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "oBsv8", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "j2gGE", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3SKLd", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "E0vqE", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kiACA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "C4TBe", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "arNKP", + "name": "w36", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZVcef", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JcTbk", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0s8tv", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "p4SuH", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZPM8B", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Lt99Z", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D4B54", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "pH5ie", + "name": "w37", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PnMna", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Kqv8P", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "fakAy", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dUxan", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XInlQ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HXcop", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "i4xYj", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "M1zgO", + "name": "w38", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6StA9", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SFxPT", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9QyHW", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iBbr4", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uLKlf", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "POhir", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "hCJpb", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Vwncg", + "name": "w39", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CT7lj", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9DEth", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Foqg9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5gzKr", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "3Q9ET", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "RhPXI", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0xUSb", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "uK18c", + "name": "w40", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "agJ8l", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0wziv", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KnvFU", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "JZkuC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1ZRLe", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wH3ZS", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wNqzl", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "3T5wA", + "name": "w41", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lS8aw", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kMPPa", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "X7Iw5", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "C4CQF", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nVQFP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "2He5B", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "7pZI1", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "HKvWW", + "name": "w42", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0mf7s", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Ab7Bp", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "O2BRE", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wY4GH", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "eKN6N", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "csd88", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "sWP6w", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "c8aDj", + "name": "w43", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zTsqg", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "X9doc", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rk27y", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "VuCb1", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "F3uMh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jr7tV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "TylM0", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Kc71U", + "name": "w44", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QweNB", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "YpkHQ", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "57KTg", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "qYPGA", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lrsjr", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FSRsC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "wf4c7", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "V9HlO", + "name": "w45", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jmAHC", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "PeWGs", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XEZAG", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZRy6W", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IAMGk", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ZROL5", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "N0AHR", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "horx0", + "name": "w46", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "123hC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "dMCaf", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "KeWXh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "lwSLY", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "B4O1h", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "9EWZI", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "d6Ph9", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "ASYz9", + "name": "w47", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "czQfs", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HtyRb", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Jxpfz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "0Yyqh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kfTEc", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pZXc9", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "m4seh", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "pvIiT", + "name": "w48", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "WzXAx", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "uAGnn", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ukL80", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "AuZX5", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "L3Y9M", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6JKEP", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rCGaC", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "UmGVY", + "name": "w49", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nY28n", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vebOV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "5LIms", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "txqFy", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "kCV2b", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pmmme", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iCI22", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Ct3X9", + "name": "w50", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8vf1N", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nhJHL", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8Cp56", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "s5ZU0", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vdnxo", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "DYJmO", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "f3ID6", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "KOstV", + "name": "w51", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "ca2j1", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "glUgn", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "P504a", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "HDRGf", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "cXXvY", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "XtMfu", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FA9lN", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "Vuslf", + "name": "w52", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "toUbT", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a6ByZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "y4mnr", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "h9MUc", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "Wkh54", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "k2qLM", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "MBqTq", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "yRNrM", + "name": "w53", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "FthrT", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "nDmYK", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CxyqZ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pegfO", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "48JAe", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "onk9w", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "zOBVp", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "NpSqi", + "name": "w54", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "C5g2H", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "4oFqr", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yqJwN", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "w48Ze", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "CAMl5", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "LqnJ0", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "S3ujc", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "qj2Eh", + "name": "w55", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "73jrV", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r3A3q", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "jPKUR", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "guPtz", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "veU9t", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "rzbX0", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "QvdJe", + "fill": "#4F46E5", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "t7XiM", + "name": "w56", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "xneIb", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "iFT9S", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "58wze", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "6Rbrq", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "D4oro", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "t4hxD", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "gplTR", + "fill": "#7C73E6", + "width": 10, + "height": 10 + } + ] + }, + { + "type": "frame", + "id": "EH33C", + "name": "w57", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1Of04", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vTXLb", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "yy7XJ", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "IwunU", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "vgmIV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8AkCV", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "O2A5C", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "sm1U5", + "name": "Month Labels", + "width": "fill_container", + "padding": [ + 0, + 0, + 0, + 28 + ], + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "Lt6Wn", + "fill": "#9CA3AF", + "content": "Apr", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Fwg1n", + "fill": "#9CA3AF", + "content": "May", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "RECW6", + "fill": "#9CA3AF", + "content": "Jun", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tqqB6", + "fill": "#9CA3AF", + "content": "Jul", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "iq925", + "fill": "#9CA3AF", + "content": "Aug", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "w6gEV", + "fill": "#9CA3AF", + "content": "Sep", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "YoUor", + "fill": "#9CA3AF", + "content": "Oct", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "FjuLH", + "fill": "#9CA3AF", + "content": "Nov", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "JmPYj", + "fill": "#9CA3AF", + "content": "Dec", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "uA3tg", + "fill": "#9CA3AF", + "content": "Jan", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "TsCOi", + "fill": "#9CA3AF", + "content": "Feb", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Vltiw", + "fill": "#1B1B2F", + "content": "Mar", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "POqIs", + "name": "Legend", + "width": "fill_container", + "gap": 6, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "eVQsq", + "fill": "#9CA3AF", + "content": "Less", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "SXBwn", + "fill": "#F0F0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "BnR5a", + "fill": "#E0DFFE", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "r4ulS", + "fill": "#B4B0F5", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "8Fon5", + "fill": "#7C73E6", + "width": 10, + "height": 10 + }, + { + "type": "rectangle", + "cornerRadius": 2, + "id": "a4IWM", + "fill": "#4F46E5", + "width": 10, + "height": 10 + }, + { + "type": "text", + "id": "qdb0p", + "fill": "#9CA3AF", + "content": "More", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "1mJyt", + "name": "Top Insight Cards", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "s8b0T", + "name": "Words Learned", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "kz2mu", + "name": "wlHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "RFiw1", + "name": "wlTitle", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6r9Mr", + "fill": "#6B6F80", + "content": "Words Learned", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "M5k4n", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "ynHuq", + "name": "wlTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "9iQdZ", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + }, + { + "type": "text", + "id": "9GllT", + "fill": "#10B981", + "content": "+7 this week", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "bs7ZH", + "name": "wlValue", + "width": "fit_content(133)", + "height": "fit_content(44)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "smJg3", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "62", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "Hy5Sv", + "x": 52, + "y": 18, + "enabled": false, + "fill": "#6B6F80", + "content": "of 89 added", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "text", + "id": "IEReM", + "fill": "#9CA3AF", + "content": "All time", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "4lwgH", + "name": "Retention Rate", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "iAZYr", + "name": "retHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "8SqWa", + "name": "retInfo", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "yxT5i", + "name": "retTitle", + "fill": "#6B6F80", + "content": "Retention Rate", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "TJ41N", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "wRYWo", + "name": "retTrend", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "iF9Ai", + "name": "retTrendIcon", + "width": 14, + "height": 14, + "iconFontName": "trending-up", + "iconFontFamily": "lucide", + "fill": "#10B981" + }, + { + "type": "text", + "id": "Lv5nW", + "name": "retTrendText", + "fill": "#10B981", + "content": "+2.3% vs last week", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "Qetpi", + "name": "retValue", + "fill": "#1B1B2F", + "content": "87%", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "1Jz1O", + "name": "retDesc", + "fill": "#9CA3AF", + "content": "7-day average", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "gRQuf", + "name": "Bottom Insight Cards", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "E1wQ8", + "name": "Difficult Words", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 16, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "Amp9e", + "name": "header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dVwgq", + "name": "titleWrap", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "hMgbQ", + "fill": "#6B6F80", + "content": "Difficult Words", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "MmlQu", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "eo1NJ", + "name": "countBadge", + "fill": "#F8F8FB", + "cornerRadius": 10, + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WsrmP", + "fill": "#6B6F80", + "content": "12 total", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "nI1Ny", + "name": "subLabel", + "fill": "#9CA3AF", + "content": "Top 3 most difficult", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "LxQLC", + "name": "strugList", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "fLnDo", + "name": "word1", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "cPHN1", + "name": "w1Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "w1wnr", + "fill": "#9CA3AF", + "content": "5 lapses", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "Qtmyw", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + }, + { + "type": "frame", + "id": "g6s7g", + "name": "clip1", + "clip": true, + "width": "fill_container", + "height": 24, + "children": [ + { + "type": "text", + "id": "gHV1w", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "...هل يمكنكِ أن تساعديني في", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Lohy8", + "name": "word2", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SQTGf", + "name": "w2Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bizvH", + "name": "meta2", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zrn6Y", + "name": "icon2", + "width": 11, + "height": 11, + "iconFontName": "arrow-left-right", + "iconFontFamily": "lucide", + "fill": "#B91C1C80" + }, + { + "type": "text", + "id": "WQzgU", + "fill": "#9CA3AF", + "content": "4 lapses", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "8qFwc", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + }, + { + "type": "text", + "id": "0Nf0h", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "تَصَرَّفَ", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "42Xbh", + "name": "word3", + "width": "fill_container", + "fill": "#FEF2F2", + "cornerRadius": 6, + "gap": 4, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "OiG6H", + "name": "w3Right", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "xMGzz", + "name": "meta3", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Thavm", + "name": "icon3", + "width": 11, + "height": 11, + "iconFontName": "arrow-left-right", + "iconFontFamily": "lucide", + "fill": "#B91C1C80" + }, + { + "type": "text", + "id": "JfDOP", + "fill": "#9CA3AF", + "content": "3 lapses", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "icon_font", + "id": "IFggJ", + "width": 11, + "height": 11, + "iconFontName": "pencil-line", + "iconFontFamily": "lucide", + "fill": "#B91C1C60" + } + ] + }, + { + "type": "text", + "id": "8io5o", + "fill": "#991B1B", + "textGrowth": "fixed-width-height", + "width": "fill_container", + "height": 24, + "content": "اِنْطِبَاع", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "zjBuG", + "name": "footer", + "width": "fill_container", + "padding": [ + 4, + 0, + 0, + 0 + ], + "justifyContent": "center", + "children": [ + { + "type": "text", + "id": "IU3jX", + "fill": "#4F46E5", + "content": "View all in dictionary →", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "zgkhw", + "name": "Workload Forecast", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "wSGED", + "name": "forecastInfo", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "RdSJ8", + "name": "forecastHeader", + "fill": "#6B6F80", + "content": "Workload Forecast", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "6zaWh", + "width": 13, + "height": 13, + "iconFontName": "info", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "frame", + "id": "V4Jpx", + "name": "forecastValue", + "width": "fit_content(196)", + "height": "fit_content(44)", + "layout": "none", + "children": [ + { + "type": "text", + "id": "ak4V9", + "x": 0, + "y": 0, + "fill": "#1B1B2F", + "content": "~28", + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "700", + "letterSpacing": -0.5 + }, + { + "type": "text", + "id": "5dGGD", + "x": 75, + "y": 18, + "fill": "#6B6F80", + "content": "reviews tomorrow", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "CqR8I", + "name": "Forecast Bars", + "width": "fill_container", + "height": 48, + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "rectangle", + "cornerRadius": 3, + "id": "Yrhmb", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 20 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "jSwNO", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 34 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "rUN3V", + "fill": "#4F46E5", + "width": "fill_container", + "height": 48 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "nThld", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 38 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "njRE5", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 24 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "adSwc", + "fill": "#E0DFFE", + "width": "fill_container", + "height": 16 + }, + { + "type": "rectangle", + "cornerRadius": 3, + "id": "NWFhs", + "fill": "#B4B0F5", + "width": "fill_container", + "height": 30 + } + ] + }, + { + "type": "frame", + "id": "uErXl", + "name": "forecastLabels", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "iztsF", + "fill": "#9CA3AF", + "content": "Mon", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "yfCA1", + "fill": "#9CA3AF", + "content": "Tue", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "qJjEa", + "fill": "#1B1B2F", + "content": "Wed", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "fw5rw", + "fill": "#9CA3AF", + "content": "Thu", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "sXzgf", + "fill": "#9CA3AF", + "content": "Fri", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "oUXDe", + "fill": "#9CA3AF", + "content": "Sat", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + }, + { + "type": "text", + "id": "g08mE", + "fill": "#9CA3AF", + "content": "Sun", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "X91UB", + "x": 184, + "y": 80, + "name": "Upgrade CTA", + "width": 400, + "fill": "#FFFFFFEE", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA80" + }, + "effect": [ + { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F18", + "offset": { + "x": 0, + "y": 8 + }, + "blur": 24 + }, + { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 4 + } + ], + "layout": "vertical", + "gap": 14, + "padding": 32, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "iaSQo", + "width": 28, + "height": 28, + "iconFontName": "lock", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "syoGL", + "fill": "#1B1B2F", + "content": "Unlock Insights", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 20, + "fontWeight": "700", + "letterSpacing": -0.3 + }, + { + "type": "text", + "id": "HQrGv", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": 320, + "content": "See your retention rate, workload forecast, difficult words, and more.", + "lineHeight": 1.5, + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "pRkly", + "name": "Upgrade Button", + "fill": "#4F46E5", + "cornerRadius": 8, + "gap": 8, + "padding": [ + 10, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "w8E4N", + "width": 16, + "height": 16, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "LxZCn", + "fill": "#FFFFFF", + "content": "Upgrade to Pro", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "emEms", + "x": 5796, + "y": 3979, + "name": "Homepage — Filters Open", + "clip": true, + "width": 1440, + "height": 960, + "fill": "#FFFFFF", + "children": [ + { + "type": "frame", + "id": "5vWrR", + "name": "Sidebar", + "width": 56, + "height": "fill_container", + "fill": "#FCFCFC", + "stroke": { + "align": "inside", + "thickness": { + "right": 1 + }, + "fill": "#E0E2EC" + }, + "layout": "vertical", + "gap": 16, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "6hebo", + "name": "logoWrap", + "width": 28, + "height": 28, + "fill": { + "type": "image", + "enabled": true, + "url": "logo.png", + "mode": "fit" + } + }, + { + "type": "frame", + "id": "Io6yU", + "name": "navGroup", + "layout": "vertical", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "NUFyp", + "name": "navHome", + "width": 36, + "height": 36, + "fill": "#4F46E518", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "RjLtf", + "name": "navHomeIcon", + "width": 20, + "height": 20, + "iconFontName": "house", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "MDgXd", + "name": "navDecks", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Fxv0U", + "name": "navDecksIcon", + "width": 20, + "height": 20, + "iconFontName": "layers", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Ru0q4", + "name": "navSpacer", + "width": 36, + "height": "fill_container" + }, + { + "type": "frame", + "id": "SlVWo", + "name": "navSettings", + "width": 36, + "height": 36, + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "qX4Mx", + "name": "navSettingsIcon", + "width": 20, + "height": 20, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + }, + { + "type": "frame", + "id": "K268R", + "name": "Main Content", + "width": "fill_container", + "height": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "padding": [ + 24, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "nmZgc", + "name": "Content Column", + "width": 768, + "layout": "vertical", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "90LmZ", + "name": "Search Bar", + "width": "fill_container", + "height": 48, + "fill": "#F8F8FB", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 2 + }, + "blur": 8 + }, + "gap": 10, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ENymI", + "name": "searchIcon", + "width": 20, + "height": 20, + "iconFontName": "search", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + }, + { + "type": "text", + "id": "lI127", + "name": "searchPlaceholder", + "fill": "#A1A1AA", + "content": "Search your dictionary...", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "xmEpm", + "name": "searchSpacer", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "E5hOe", + "name": "searchKbd", + "height": 24, + "fill": "#FFFFFF", + "cornerRadius": 6, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 0, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Tqmtm", + "name": "searchKbdText", + "fill": "#A1A1AA", + "content": "⌘K", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "e9IIp", + "name": "Header Row", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jhj10", + "name": "headerLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "GEKGx", + "name": "headerIcon", + "width": 36, + "height": 36, + "fill": "#4F46E512", + "cornerRadius": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "h5Pa4", + "name": "headerBookIcon", + "width": 18, + "height": 18, + "iconFontName": "book-open", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + } + ] + }, + { + "type": "frame", + "id": "jgisk", + "name": "headerTitleBlock", + "gap": 8, + "children": [ + { + "type": "text", + "id": "IVF7s", + "name": "headerTitle", + "fill": "#1B1B2F", + "content": "Your Dictionary", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "letterSpacing": -0.2 + }, + { + "type": "text", + "id": "1Ll14", + "name": "headerCount", + "fill": "#A1A1AA", + "content": "142 words", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "TCy02", + "name": "headerRight", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "kriPb", + "name": "filterBtn", + "height": 34, + "fill": "#4F46E510", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E5" + }, + "gap": 6, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "RA15W", + "name": "filterBtnIcon", + "width": 15, + "height": 15, + "iconFontName": "sliders-horizontal", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "UkL4a", + "name": "filterBtnText", + "fill": "#4F46E5", + "content": "Filters", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "lTxgR", + "name": "filterBadge", + "fill": "#4F46E5", + "cornerRadius": 8, + "padding": [ + 0, + 5 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ZfkCY", + "fill": "#FFFFFF", + "content": "2", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "oun2z", + "name": "addBtn", + "height": 34, + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 6, + "padding": [ + 0, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "tReTU", + "name": "addBtnIcon", + "width": 15, + "height": 15, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#1B1B2F" + }, + { + "type": "text", + "id": "e7GiU", + "name": "addBtnText", + "fill": "#1B1B2F", + "content": "Add word", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "Pxooo", + "name": "reviewBtn", + "height": 34, + "fill": "#4F46E5", + "cornerRadius": 8, + "gap": 8, + "padding": [ + 0, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zaxgP", + "name": "reviewBtnIcon", + "width": 15, + "height": 15, + "iconFontName": "graduation-cap", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "nRRrP", + "name": "reviewBtnText", + "fill": "#FFFFFF", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "rqTI8", + "name": "reviewBadge", + "height": 18, + "fill": "#FFFFFF30", + "cornerRadius": 9, + "padding": [ + 0, + 6 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "N3BOQ", + "name": "reviewBadgeText", + "fill": "#FFFFFF", + "content": "12", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Zi2bS", + "name": "Filter Panel", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "layout": "vertical", + "gap": 14, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "FmGWv", + "name": "Filter Row 1", + "width": "fill_container", + "height": 130, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "DxmEP", + "x": 0, + "y": 0, + "name": "Tag Filter", + "width": 340, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "IZoTy", + "fill": "#6B6F80", + "content": "Tags", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "rDH5t", + "name": "tagPills", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "tEfdX", + "name": "pill1", + "fill": "#4F46E515", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E540" + }, + "gap": 4, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gNN2g", + "fill": "#4F46E5", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "xtnn4", + "width": 12, + "height": 12, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#4F46E580" + } + ] + }, + { + "type": "frame", + "id": "GuBtY", + "name": "pill2", + "fill": "#4F46E515", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E540" + }, + "gap": 4, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "8IRfb", + "fill": "#4F46E5", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "BL3OO", + "width": 12, + "height": 12, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#4F46E580" + } + ] + }, + { + "type": "frame", + "id": "ERfEt", + "name": "addTag", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "7IySK", + "width": 12, + "height": 12, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "text", + "id": "gUXAn", + "fill": "#9CA3AF", + "content": "Add tag", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "XfCxV", + "x": 356, + "y": 0, + "name": "Sort Filter", + "width": 340, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "i4mJw", + "fill": "#6B6F80", + "content": "Sort by", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "DlUAm", + "name": "sortPills", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "90wAT", + "name": "sortActive", + "fill": "#1B1B2F", + "cornerRadius": 16, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "42FmF", + "fill": "#FFFFFF", + "content": "Relevance", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "rcTAH", + "name": "sortOpt1", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "G5Iqm", + "fill": "#6B6F80", + "content": "Recently added", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "zU2hu", + "name": "sortOpt2", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "CTPwY", + "fill": "#6B6F80", + "content": "Recently updated", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "8bFwK", + "name": "sortDiff", + "rotation": -3.975693351829396e-16, + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WYjJd", + "fill": "#6B6F80", + "content": "Most difficult", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "pvLQt", + "width": 11, + "height": 11, + "iconFontName": "lock", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "260tG", + "x": 190, + "y": 52, + "name": "Tag Popover", + "width": 200, + "fill": "#FFFFFF", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "effect": [ + { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F15", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 16 + }, + { + "type": "shadow", + "shadowType": "outer", + "color": "#1B1B2F08", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 4 + } + ], + "layout": "vertical", + "gap": 2, + "padding": 8, + "children": [ + { + "type": "frame", + "id": "6lxdW", + "name": "searchRow", + "width": "fill_container", + "gap": 6, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "EXFpD", + "width": 14, + "height": 14, + "iconFontName": "search", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + }, + { + "type": "text", + "id": "0wzgv", + "fill": "#9CA3AF", + "content": "Search tags...", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "rectangle", + "id": "aFtjQ", + "name": "divider", + "fill": "#E2E3EA", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "l1pM5", + "name": "opt1", + "width": "fill_container", + "cornerRadius": 6, + "gap": 8, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "auVGm", + "width": 14, + "height": 14, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "P8hHh", + "fill": "#1B1B2F", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "z9ifr", + "name": "opt2", + "width": "fill_container", + "cornerRadius": 6, + "gap": 8, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "RMzep", + "width": 14, + "height": 14, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "ui9Cy", + "fill": "#1B1B2F", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "2wwlc", + "name": "opt3", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 6, + "gap": 8, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Ke1Cg", + "width": 14, + "height": 14 + }, + { + "type": "text", + "id": "elWex", + "fill": "#6B6F80", + "content": "food", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "vP407", + "name": "opt4", + "width": "fill_container", + "cornerRadius": 6, + "gap": 8, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "znOeN", + "width": 14, + "height": 14 + }, + { + "type": "text", + "id": "de7Wy", + "fill": "#6B6F80", + "content": "greeting", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "pVbto", + "name": "opt5", + "width": "fill_container", + "cornerRadius": 6, + "gap": 8, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "nzecf", + "width": 14, + "height": 14 + }, + { + "type": "text", + "id": "yc0Tx", + "fill": "#6B6F80", + "content": "verb", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "CW0M5", + "name": "footerRow", + "width": "fill_container", + "justifyContent": "end", + "children": [ + { + "type": "text", + "id": "vZvjf", + "fill": "#9CA3AF", + "content": "Clear all filters", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "x62DD", + "name": "Filter Row 2", + "width": "fill_container", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "OCIZA", + "name": "Difficulty Filter", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "text", + "id": "sUuKX", + "fill": "#6B6F80", + "content": "Show only", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "nvaBB", + "name": "diffPills", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "hzvDY", + "name": "diffToggle", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "gap": 4, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "oXZLg", + "fill": "#6B6F80", + "content": "Difficult words", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "icon_font", + "id": "soIb6", + "width": 11, + "height": 11, + "iconFontName": "lock", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ntN8k", + "name": "Word Cards", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "PggBq", + "name": "Word Card — Noun", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "zDZFz", + "name": "card1Accent", + "fill": "#4F46E5", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "Zfvf2", + "name": "card1Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "IELoF", + "name": "card1Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "nkBNk", + "name": "card1Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ljata", + "name": "card1Arabic", + "fill": "#1B1B2F", + "content": "كِتَاب", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "2mbZ7", + "name": "card1Badge", + "height": 22, + "fill": "#4F46E50F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "SjXsP", + "name": "card1BadgeText", + "fill": "#4F46E5", + "content": "Noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "et63n", + "name": "card1Actions", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "oUOM7", + "name": "card1Copy", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "IYSeP", + "name": "card1CopyI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "dKvOx", + "name": "card1Edit", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ri2rl", + "name": "card1EditI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "wd7x7", + "name": "card1Expand", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "5OyI0", + "name": "card1ExpandI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "KZxvb", + "name": "card1Trans", + "fill": "#6B6F80", + "content": "book", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "5ao5X", + "name": "Word Card — Verb", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "J9LAe", + "name": "card2Accent", + "fill": "#16A34A", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "fOjus", + "name": "card2Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "GcZOx", + "name": "card2Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "CbnvS", + "name": "card2Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "92veW", + "name": "card2Arabic", + "fill": "#1B1B2F", + "content": "كَتَبَ", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "mXuyA", + "name": "card2Badge", + "height": 22, + "fill": "#16A34A0F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "WJfDf", + "name": "card2BadgeText", + "fill": "#16A34A", + "content": "Verb", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "15Cq8", + "name": "card2Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "8dp5n", + "name": "card2C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "SrCjD", + "name": "card2CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "3WRVB", + "name": "card2E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "fqnX0", + "name": "card2EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "sWb8L", + "name": "card2X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "bNs5I", + "name": "card2XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "VSJIN", + "name": "card2Trans", + "fill": "#6B6F80", + "content": "to write", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "6ByoB", + "name": "Word Card — Adjective (Expanded)", + "clip": true, + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 180, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FAFAFA", + "position": 0 + }, + { + "color": "#F8F8FB60", + "position": 1 + } + ] + }, + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "QeDIf", + "name": "card3Accent", + "fill": "#D97706", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "VhoXn", + "name": "card3Body", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "6rAnO", + "name": "card3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "DWur2", + "name": "card3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "dI0hi", + "name": "card3Arabic", + "fill": "#1B1B2F", + "content": "جَمِيل", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "GqQuL", + "name": "card3Badge", + "height": 22, + "fill": "#D976060F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2a8Ou", + "name": "card3BadgeText", + "fill": "#D97706", + "content": "Adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "D3flq", + "name": "card3Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "3o7I1", + "name": "card3C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "kedEU", + "name": "card3CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "fE2Ry", + "name": "card3E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mr6EU", + "name": "card3EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "oiKYI", + "name": "card3X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "vz9Kr", + "name": "card3XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "mqX9h", + "name": "card3Trans", + "fill": "#6B6F80", + "content": "beautiful, handsome", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "rectangle", + "id": "WxswQ", + "name": "divider", + "fill": "#E2E3EA50", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "n9vAA", + "name": "details", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "xPleO", + "name": "typeRootRow", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "WlJlZ", + "name": "rootBadge", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ptVya", + "name": "rootText", + "fill": "#6B6F80", + "content": "ج م ل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "9oo4X", + "name": "defBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "Yimys", + "name": "defLabel", + "fill": "#A1A1AAB3", + "content": "DEFINITION", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "text", + "id": "mwWcF", + "name": "defText", + "fill": "#1B1B2FCC", + "content": "حسن المنظر، وسيم", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "TaQH5", + "name": "morphBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "ZHGhX", + "name": "morphLabel", + "fill": "#A1A1AAB3", + "content": "MORPHOLOGY", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "ZBmHs", + "name": "morphGrid", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "SczEx", + "name": "mc1", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "6ldzG", + "name": "mc1l", + "fill": "#A1A1AA", + "content": "Feminine", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "gdbAi", + "name": "mc1v", + "fill": "#1B1B2FCC", + "content": "جَمِيلَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Xp7ZV", + "name": "mc2", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "d1zWd", + "name": "mc2l", + "fill": "#A1A1AA", + "content": "Plural", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "c1tic", + "name": "mc2v", + "fill": "#1B1B2FCC", + "content": "جِمَال", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "1TfhQ", + "name": "mc3", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "ykL6G", + "name": "mc3l", + "fill": "#A1A1AA", + "content": "Elative", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "ak2m0", + "name": "mc3v", + "fill": "#1B1B2FCC", + "content": "أَجْمَل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "9XRWv", + "name": "exBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "EMxBu", + "name": "exLabel", + "fill": "#A1A1AAB3", + "content": "EXAMPLES", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "PwRwH", + "name": "exBox", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA40" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "text", + "id": "9NjWy", + "name": "exAr", + "fill": "#1B1B2FE6", + "content": "هذا مكانٌ جَمِيلٌ جداً", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "8QOQz", + "name": "exEn", + "fill": "#6B6F80", + "content": "This is a very beautiful place", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "e5Dov", + "name": "tagRow", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "Bnx8c", + "name": "tp1", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "JE7iL", + "name": "tp1t", + "fill": "#6B6F80", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "rAEvk", + "name": "tp2", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "h2Tqw", + "name": "tp2t", + "fill": "#6B6F80", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "7nDxs", + "name": "tp3", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "3WUET", + "name": "tp3t", + "fill": "#6B6F80", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "jH8ma", + "name": "Word Card — Noun 2", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "J2OmW", + "name": "card4Acc", + "fill": "#4F46E5", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "vAUfD", + "name": "card4Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "oYL8k", + "name": "card4Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "JsRba", + "name": "card4Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "jGExg", + "name": "card4Ar", + "fill": "#1B1B2F", + "content": "مَدْرَسَة", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "VxIZv", + "name": "card4Bdg", + "height": 22, + "fill": "#4F46E50F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "t0Sa5", + "name": "card4BdgT", + "fill": "#4F46E5", + "content": "Noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "yGOsg", + "name": "card4Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "GwRyF", + "name": "card4C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "y7APB", + "name": "card4CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "OQJ2x", + "name": "card4E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "s2V9t", + "name": "card4EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "7JV4D", + "name": "card4X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "m5MJS", + "name": "card4XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "KjDsF", + "name": "card4Trans", + "fill": "#6B6F80", + "content": "school", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "4ZfeT", + "name": "Word Card — Verb 2", + "clip": true, + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "Pq2Mh", + "name": "card5Acc", + "fill": "#16A34A", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "kfF3p", + "name": "card5Body", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "AtB70", + "name": "card5Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "krgGg", + "name": "card5Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Aex3D", + "name": "card5Ar", + "fill": "#1B1B2F", + "content": "ذَهَبَ", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "iKLLa", + "name": "card5Bdg", + "height": 22, + "fill": "#16A34A0F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "OKAwd", + "name": "card5BdgT", + "fill": "#16A34A", + "content": "Verb", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "SvZ5Y", + "name": "card5Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "Rev6L", + "name": "card5C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "OJxfB", + "name": "card5CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "89p0G", + "name": "card5E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "6CCVm", + "name": "card5EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "dABGX", + "name": "card5X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "xjRA3", + "name": "card5XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-down", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "osW4U", + "name": "card5Trans", + "fill": "#6B6F80", + "content": "to go", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "2cjjT", + "x": -1273, + "y": 6235, + "name": "Word Card — With Review History", + "clip": true, + "width": 768, + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "Cve7B", + "name": "card3Accent", + "fill": "#D97706", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "47VmI", + "name": "card3Body", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "DbL3X", + "name": "card3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "2F8z0", + "name": "card3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "4Xlql", + "name": "card3Arabic", + "fill": "#1B1B2F", + "content": "جَمِيل", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "bvXZD", + "name": "card3Badge", + "height": 22, + "fill": "#D976060F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "DAvhX", + "name": "card3BadgeText", + "fill": "#D97706", + "content": "Adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "Y9EUn", + "name": "card3Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "vYwGA", + "name": "card3C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "h9QgN", + "name": "card3CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "w6HEq", + "name": "card3E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ORAD7", + "name": "card3EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "NJIL2", + "name": "card3X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "p6VBf", + "name": "card3XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "igIXc", + "name": "card3Trans", + "fill": "#6B6F80", + "content": "beautiful, handsome", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "rectangle", + "id": "7HTAN", + "name": "divider", + "fill": "#E2E3EA50", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "nlaMj", + "name": "details", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "VnfVq", + "name": "typeRootRow", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Xz5Ip", + "name": "rootBadge", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "vTFxj", + "name": "rootText", + "fill": "#6B6F80", + "content": "ج م ل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "GZnSL", + "name": "defBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "fhfFv", + "name": "defLabel", + "fill": "#A1A1AAB3", + "content": "DEFINITION", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "text", + "id": "oOxlW", + "name": "defText", + "fill": "#1B1B2FCC", + "content": "حسن المنظر، وسيم", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "hM047", + "name": "morphBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "c0yfl", + "name": "morphLabel", + "fill": "#A1A1AAB3", + "content": "MORPHOLOGY", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "tMxI2", + "name": "morphGrid", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "Qkkyt", + "name": "mc1", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "tt3Pd", + "name": "mc1l", + "fill": "#A1A1AA", + "content": "Feminine", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "lXSPp", + "name": "mc1v", + "fill": "#1B1B2FCC", + "content": "جَمِيلَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "orAF8", + "name": "mc2", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "Smd3x", + "name": "mc2l", + "fill": "#A1A1AA", + "content": "Plural", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "MGXlP", + "name": "mc2v", + "fill": "#1B1B2FCC", + "content": "جِمَال", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "GhaL9", + "name": "mc3", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "QFlyv", + "name": "mc3l", + "fill": "#A1A1AA", + "content": "Elative", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "ZMdph", + "name": "mc3v", + "fill": "#1B1B2FCC", + "content": "أَجْمَل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "x3xld", + "name": "exBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "lbYO6", + "name": "exLabel", + "fill": "#A1A1AAB3", + "content": "EXAMPLES", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "4PBPq", + "name": "exBox", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA40" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "text", + "id": "OJtiP", + "name": "exAr", + "fill": "#1B1B2FE6", + "content": "هذا مكانٌ جَمِيلٌ جداً", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "2o75k", + "name": "exEn", + "fill": "#6B6F80", + "content": "This is a very beautiful place", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "wbeJ4", + "name": "tagRow", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "RLDdf", + "name": "tp1", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "rMyTc", + "name": "tp1t", + "fill": "#6B6F80", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "4wptq", + "name": "tp2", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "1iKuw", + "name": "tp2t", + "fill": "#6B6F80", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ZQUX3", + "name": "tp3", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "F0vWw", + "name": "tp3t", + "fill": "#6B6F80", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "iDlk8", + "name": "divider2", + "fill": "#E2E3EA50", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "mYfIw", + "name": "Review History", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "Rgv1b", + "name": "histLabel", + "fill": "#9CA3AF", + "content": "REVIEW HISTORY", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + }, + { + "type": "frame", + "id": "Ngf29", + "name": "AR to EN", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "U37td", + "name": "arHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "4939J", + "fill": "#1B1B2F", + "content": "Arabic → English", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + }, + { + "type": "text", + "id": "CHrWb", + "name": "arMeta", + "fill": "#9CA3AF", + "content": "12 reviews · 1 lapse · 2h ago", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "0wCwk", + "name": "arDots", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "BKNL4", + "name": "arOldest", + "fill": "#9CA3AF", + "content": "Oldest", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "ellipse", + "id": "BIcXc", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "5jxSo", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "TXFNn", + "fill": "#F97316", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "BUwdN", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "5AhtG", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "oBhlK", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "22BJ8", + "fill": "#DC2626", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "lEgat", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "AVzY6", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "iSAE4", + "fill": "#15803D", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "ITCOz", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "SqBcm", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "text", + "id": "TuBCb", + "fill": "#9CA3AF", + "content": "Latest", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "acTgh", + "name": "EN to AR", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "07tcQ", + "name": "enHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2EHKN", + "fill": "#1B1B2F", + "content": "English → Arabic", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + }, + { + "type": "text", + "id": "NoAKg", + "fill": "#9CA3AF", + "content": "8 reviews · 3 lapses · 2h ago", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ZpjPa", + "name": "enDots", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "SeeO5", + "name": "enOldest", + "fill": "#9CA3AF", + "content": "Oldest", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + }, + { + "type": "ellipse", + "id": "7U4pW", + "fill": "#DC2626", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "ctYbs", + "fill": "#F97316", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "Bitko", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "AJhFx", + "fill": "#DC2626", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "g9V0u", + "fill": "#F97316", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "H2HnB", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "GcruP", + "fill": "#22C55E", + "width": 10, + "height": 10 + }, + { + "type": "ellipse", + "id": "aHQAK", + "fill": "#DC2626", + "width": 10, + "height": 10 + }, + { + "type": "text", + "id": "gmoNY", + "fill": "#9CA3AF", + "content": "Latest", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "vQlsJ", + "name": "legend", + "width": "fill_container", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tTfEK", + "name": "l1", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "MpG8y", + "fill": "#DC2626", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "QOkE9", + "fill": "#9CA3AF", + "content": "Again", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "udg8F", + "name": "l2", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "U617k", + "fill": "#F97316", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "LBget", + "fill": "#9CA3AF", + "content": "Hard", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "2WQHq", + "name": "l3", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "N1QQR", + "fill": "#22C55E", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "NnrWt", + "fill": "#9CA3AF", + "content": "Good", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "hqZyB", + "name": "l4", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "hJLJU", + "fill": "#15803D", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "tthzC", + "fill": "#9CA3AF", + "content": "Easy", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "500" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "DmUKE", + "x": -405, + "y": 6235, + "name": "Word Card — Review History (Free)", + "clip": true, + "width": 768, + "fill": "#FFFFFF", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA" + }, + "children": [ + { + "type": "rectangle", + "id": "T1Kwx", + "name": "card3Accent", + "fill": "#D97706", + "width": 4, + "height": "fill_container" + }, + { + "type": "frame", + "id": "54xYD", + "name": "card3Body", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": [ + 14, + 18, + 14, + 14 + ], + "children": [ + { + "type": "frame", + "id": "8Jrj2", + "name": "card3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "3s351", + "name": "card3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "3l4tW", + "name": "card3Arabic", + "fill": "#1B1B2F", + "content": "جَمِيل", + "lineHeight": 1.1, + "fontFamily": "Noto Naskh Arabic", + "fontSize": 36, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "PQZ82", + "name": "card3Badge", + "height": 22, + "fill": "#D976060F", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "VaDh7", + "name": "card3BadgeText", + "fill": "#D97706", + "content": "Adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "rzy2x", + "name": "card3Acts", + "gap": 2, + "children": [ + { + "type": "frame", + "id": "mZ6mN", + "name": "card3C", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "jd8Md", + "name": "card3CI", + "width": 15, + "height": 15, + "iconFontName": "copy", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "bsQIo", + "name": "card3E", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Gi9iZ", + "name": "card3EI", + "width": 15, + "height": 15, + "iconFontName": "pencil", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + } + ] + }, + { + "type": "frame", + "id": "y4UrN", + "name": "card3X", + "width": 30, + "height": 30, + "cornerRadius": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "c9WdR", + "name": "card3XI", + "width": 15, + "height": 15, + "iconFontName": "chevron-up", + "iconFontFamily": "lucide", + "fill": "#6B6F80" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "GPegQ", + "name": "card3Trans", + "fill": "#6B6F80", + "content": "beautiful, handsome", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "rectangle", + "id": "Vk1Z5", + "name": "divider", + "fill": "#E2E3EA50", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "SSETp", + "name": "details", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "uq2ZT", + "name": "typeRootRow", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "uxcex", + "name": "rootBadge", + "height": 24, + "fill": "#F4F4F8", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "QU7VZ", + "name": "rootText", + "fill": "#6B6F80", + "content": "ج م ل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "6Oo3N", + "name": "defBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "Cax05", + "name": "defLabel", + "fill": "#A1A1AAB3", + "content": "DEFINITION", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "text", + "id": "swCQW", + "name": "defText", + "fill": "#1B1B2FCC", + "content": "حسن المنظر، وسيم", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "QTzqc", + "name": "morphBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "OzOM6", + "name": "morphLabel", + "fill": "#A1A1AAB3", + "content": "MORPHOLOGY", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "o667h", + "name": "morphGrid", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "ZXTZk", + "name": "mc1", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "eqfQS", + "name": "mc1l", + "fill": "#A1A1AA", + "content": "Feminine", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "JsaWV", + "name": "mc1v", + "fill": "#1B1B2FCC", + "content": "جَمِيلَة", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "4vxTv", + "name": "mc2", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "qC7je", + "name": "mc2l", + "fill": "#A1A1AA", + "content": "Plural", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "RiWKP", + "name": "mc2v", + "fill": "#1B1B2FCC", + "content": "جِمَال", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "QQDO6", + "name": "mc3", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "lIYSu", + "name": "mc3l", + "fill": "#A1A1AA", + "content": "Elative", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "PSSfp", + "name": "mc3v", + "fill": "#1B1B2FCC", + "content": "أَجْمَل", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "hJu6y", + "name": "exBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "1fvxZ", + "name": "exLabel", + "fill": "#A1A1AAB3", + "content": "EXAMPLES", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "letterSpacing": 1.5 + }, + { + "type": "frame", + "id": "nXbEV", + "name": "exBox", + "width": "fill_container", + "fill": "#F8F8FB", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA40" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 14 + ], + "children": [ + { + "type": "text", + "id": "TZowL", + "name": "exAr", + "fill": "#1B1B2FE6", + "content": "هذا مكانٌ جَمِيلٌ جداً", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "zIftT", + "name": "exEn", + "fill": "#6B6F80", + "content": "This is a very beautiful place", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "bVRN7", + "name": "tagRow", + "width": "fill_container", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "DB8fJ", + "name": "tp1", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "pVhQ8", + "name": "tp1t", + "fill": "#6B6F80", + "content": "adjective", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Vo1bm", + "name": "tp2", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mc8lM", + "name": "tp2t", + "fill": "#6B6F80", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "IBzyP", + "name": "tp3", + "height": 22, + "fill": "#F4F4F8", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MigHx", + "name": "tp3t", + "fill": "#6B6F80", + "content": "daily", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "To9o0", + "name": "divider2", + "fill": "#E2E3EA50", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "mXlr0", + "name": "Review History", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "VGI0s", + "name": "headerRow", + "width": "fill_container", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "4N64c", + "name": "histLabel", + "fill": "#9CA3AF", + "content": "REVIEW HISTORY", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 0.5 + }, + { + "type": "icon_font", + "id": "lRUCg", + "width": 11, + "height": 11, + "iconFontName": "lock", + "iconFontFamily": "lucide", + "fill": "#9CA3AF" + } + ] + }, + { + "type": "text", + "id": "gplFB", + "fill": "#9CA3AF", + "content": "Upgrade to Pro to see your review history for this word.", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "nSojk", + "x": -1273, + "y": 6844, + "name": "Flashcard — Undo Toast", + "clip": true, + "width": 1440, + "height": 900, + "fill": "#00000066", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "r3LYQ", + "x": 0, + "y": 160, + "name": "Drawer Panel", + "clip": true, + "width": 1440, + "height": 740, + "fill": "#FFFFFF", + "cornerRadius": [ + 16, + 16, + 0, + 0 + ], + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "lGkZz", + "name": "Drawer Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "#E2E3EA30" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 20, + 32, + 16, + 32 + ], + "children": [ + { + "type": "frame", + "id": "xVl1o", + "name": "dragHandle", + "width": "fill_container", + "justifyContent": "center", + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "1tU6C", + "name": "handleBar", + "fill": "#D4D4D8", + "width": 48, + "height": 4 + } + ] + }, + { + "type": "frame", + "id": "UKV2I", + "name": "Queue Selector", + "width": "fill_container", + "gap": 8, + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "MsvWb", + "name": "queueReview", + "height": 40, + "fill": "#FFFFFF", + "cornerRadius": 10, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000001A", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 3 + }, + "gap": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "vQzFg", + "name": "reviewIcon", + "width": 18, + "height": 18, + "iconFontName": "brain", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "HIpVe", + "name": "reviewLabel", + "fill": "#1B1B2F", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "s8qs0", + "name": "reviewBadge2", + "height": 20, + "fill": "#4F46E5", + "cornerRadius": 10, + "padding": [ + 0, + 7 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "8O50t", + "name": "reviewCount", + "fill": "#FFFFFF", + "content": "5", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "d0qxU", + "name": "queueBacklog", + "height": 40, + "cornerRadius": 10, + "gap": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "UESly", + "name": "backlogIcon", + "width": 18, + "height": 18, + "iconFontName": "archive", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + }, + { + "type": "text", + "id": "EvflE", + "name": "backlogLabel", + "fill": "#A1A1AA", + "content": "Backlog", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "6bhqx", + "name": "backlogBadge", + "height": 20, + "fill": "#EA580C", + "cornerRadius": 10, + "padding": [ + 0, + 7 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TBief", + "name": "backlogCount", + "fill": "#FFFFFF", + "content": "2", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "QAuzQ", + "name": "cardsLeft", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "5 cards left", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "PFDcO", + "name": "Card Area", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "padding": [ + 16, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "96vtI", + "name": "tagRow", + "gap": 6, + "padding": [ + 0, + 0, + 8, + 0 + ], + "children": [ + { + "type": "frame", + "id": "iwxCm", + "name": "tag1", + "height": 24, + "fill": "#4F46E518", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "lfvF8", + "name": "tag1Text", + "fill": "#4F46E5", + "content": "noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "ABv2w", + "name": "tag2", + "height": 24, + "fill": "#F0FDF4", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MBksd", + "name": "tag2Text", + "fill": "#16A34A", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "31Hwz", + "name": "Flashcard", + "width": 640, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFFFF", + "position": 0 + }, + { + "color": "#FAFAFA", + "position": 1 + } + ] + }, + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA80" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000D", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 16 + }, + "layout": "vertical", + "gap": 24, + "padding": 32, + "children": [ + { + "type": "frame", + "id": "oldhH", + "name": "Question", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "OwvyD", + "name": "arabicWord", + "fill": "#1B1B2FE6", + "content": "كِتَاب", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 32, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "1nfOL", + "name": "morphInfo", + "fill": "#F4F4F880", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "G650r", + "name": "morphText", + "fill": "#6B6F80", + "content": "كُتُب :plural", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "Uiyid", + "name": "exampleText", + "fill": "#6B6F80", + "content": "هذا كِتَابٌ جَمِيلٌ", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "rectangle", + "id": "8Nudj", + "name": "cardDivider", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFFFF00", + "position": 0 + }, + { + "color": "#E2E3EA", + "position": 0.5 + }, + { + "color": "#FFFFFF00", + "position": 1 + } + ] + }, + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "m9b9g", + "name": "Answer", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ubQHE", + "name": "answerIndicator", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "62A11", + "name": "checkIcon", + "width": 14, + "height": 14, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#16A34A" + }, + { + "type": "text", + "id": "tmCmU", + "name": "answerLabel", + "fill": "#16A34A", + "content": "ANSWER", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 2 + } + ] + }, + { + "type": "text", + "id": "8U56E", + "name": "definition", + "fill": "#6B6F80", + "content": "كتاب، مجلّد", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 18, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "t7E4G", + "name": "translation", + "fill": "#1B1B2FE6", + "content": "book", + "fontFamily": "Inter", + "fontSize": 24, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "HJ47F", + "name": "Undo Toast", + "width": 400, + "fill": "#1B1B2F", + "cornerRadius": 12, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#00000030", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 20 + }, + "gap": 12, + "padding": [ + 12, + 16 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "roISC", + "name": "toastLeft", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "6cpwN", + "width": 16, + "height": 16, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#22C55E" + }, + { + "type": "text", + "id": "RYtzz", + "fill": "#FFFFFF", + "content": "Rated Good — كِتَاب", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "hLBo2", + "name": "undoBtn", + "fill": "#FFFFFF18", + "cornerRadius": 6, + "gap": 6, + "padding": [ + 6, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ZLOuL", + "width": 14, + "height": 14, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "s9lmv", + "fill": "#FFFFFF", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "YHnlI", + "name": "Grading Footer", + "width": "fill_container", + "fill": "#FAFAFA08", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "#E2E3EA30" + }, + "layout": "vertical", + "gap": 8, + "padding": [ + 16, + 32, + 24, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "H5vlq", + "name": "Grade Buttons", + "width": 640, + "gap": 10, + "children": [ + { + "type": "frame", + "id": "SNe1q", + "name": "btnAgain", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#6B6F8033" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "f0wRQ", + "name": "againIcon", + "width": 20, + "height": 20, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#71717A" + }, + { + "type": "text", + "id": "44J7O", + "name": "againLabel", + "fill": "#3f3f46", + "content": "Again", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "14nrq", + "name": "againTime", + "fill": "#A1A1AA", + "content": "1m", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Fk9Sv", + "name": "btnHard", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E07A2C33" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "aiAhF", + "name": "hardIcon", + "width": 20, + "height": 20, + "iconFontName": "brain", + "iconFontFamily": "lucide", + "fill": "#E07A2C" + }, + { + "type": "text", + "id": "3rE9I", + "name": "hardLabel", + "fill": "#3f3f46", + "content": "Hard", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Rf3VV", + "name": "hardTime", + "fill": "#A1A1AA", + "content": "6m", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "IBARC", + "name": "btnGood", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E54D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "iJeLs", + "name": "goodIcon", + "width": 20, + "height": 20, + "iconFontName": "thumbs-up", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "XuO6z", + "name": "goodLabel", + "fill": "#3f3f46", + "content": "Good", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "pS5p8", + "name": "goodTime", + "fill": "#A1A1AA", + "content": "1.2d", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "7pD6F", + "name": "btnEasy", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#16A34A4D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "UWie3", + "name": "easyIcon", + "width": 20, + "height": 20, + "iconFontName": "zap", + "iconFontFamily": "lucide", + "fill": "#16A34A" + }, + { + "type": "text", + "id": "4bKtf", + "name": "easyLabel", + "fill": "#3f3f46", + "content": "Easy", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "wIkBf", + "name": "easyTime", + "fill": "#A1A1AA", + "content": "3.5d", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tqGAW", + "x": 267, + "y": 6844, + "name": "Flashcard — Session History (Pro)", + "clip": true, + "width": 1440, + "height": 900, + "fill": "#00000066", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "EJ7Rt", + "x": 0, + "y": 160, + "name": "Drawer Panel", + "clip": true, + "width": 1440, + "height": 740, + "fill": "#FFFFFF", + "cornerRadius": [ + 16, + 16, + 0, + 0 + ], + "layout": "vertical", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "7mkDl", + "name": "Drawer Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "#E2E3EA30" + }, + "layout": "vertical", + "gap": 12, + "padding": [ + 20, + 32, + 16, + 32 + ], + "children": [ + { + "type": "frame", + "id": "T8apd", + "name": "dragHandle", + "width": "fill_container", + "justifyContent": "center", + "children": [ + { + "type": "rectangle", + "cornerRadius": 2, + "id": "pKlIt", + "name": "handleBar", + "fill": "#D4D4D8", + "width": 48, + "height": 4 + } + ] + }, + { + "type": "frame", + "id": "TUliE", + "name": "Queue Selector", + "width": "fill_container", + "gap": 8, + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "z29cq", + "name": "queueReview", + "height": 40, + "fill": "#FFFFFF", + "cornerRadius": 10, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000001A", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 3 + }, + "gap": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "AFM6s", + "name": "reviewIcon", + "width": 18, + "height": 18, + "iconFontName": "brain", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "C5DzD", + "name": "reviewLabel", + "fill": "#1B1B2F", + "content": "Review", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "mcIxi", + "name": "reviewBadge2", + "height": 20, + "fill": "#4F46E5", + "cornerRadius": 10, + "padding": [ + 0, + 7 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6RoJQ", + "name": "reviewCount", + "fill": "#FFFFFF", + "content": "5", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "NV6Fc", + "name": "queueBacklog", + "height": 40, + "cornerRadius": 10, + "gap": 8, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "t63pb", + "name": "backlogIcon", + "width": 18, + "height": 18, + "iconFontName": "archive", + "iconFontFamily": "lucide", + "fill": "#A1A1AA" + }, + { + "type": "text", + "id": "YtDxV", + "name": "backlogLabel", + "fill": "#A1A1AA", + "content": "Backlog", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "qqEQj", + "name": "backlogBadge", + "height": 20, + "fill": "#EA580C", + "cornerRadius": 10, + "padding": [ + 0, + 7 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "kNqOf", + "name": "backlogCount", + "fill": "#FFFFFF", + "content": "2", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "6oJ4l", + "name": "cardsLeft", + "fill": "#6B6F80", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "5 cards left", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "m3qbo", + "name": "Card Area", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "padding": [ + 16, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "UnIeF", + "name": "tagRow", + "gap": 6, + "padding": [ + 0, + 0, + 8, + 0 + ], + "children": [ + { + "type": "frame", + "id": "HCPS7", + "name": "tag1", + "height": 24, + "fill": "#4F46E518", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6Gi2U", + "name": "tag1Text", + "fill": "#4F46E5", + "content": "noun", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "3tI6f", + "name": "tag2", + "height": 24, + "fill": "#F0FDF4", + "cornerRadius": 6, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "UTcAm", + "name": "tag2Text", + "fill": "#16A34A", + "content": "beginner", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "BUrbg", + "name": "Flashcard", + "width": 640, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFFFF", + "position": 0 + }, + { + "color": "#FAFAFA", + "position": 1 + } + ] + }, + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E2E3EA80" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000D", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 16 + }, + "layout": "vertical", + "gap": 24, + "padding": 32, + "children": [ + { + "type": "frame", + "id": "FmhuA", + "name": "Question", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "bzdsu", + "name": "arabicWord", + "fill": "#1B1B2FE6", + "content": "كِتَاب", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 32, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "i1KYL", + "name": "morphInfo", + "fill": "#F4F4F880", + "cornerRadius": 6, + "padding": [ + 4, + 10 + ], + "children": [ + { + "type": "text", + "id": "hPiHf", + "name": "morphText", + "fill": "#6B6F80", + "content": "كُتُب :plural", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "hXFfu", + "name": "exampleText", + "fill": "#6B6F80", + "content": "هذا كِتَابٌ جَمِيلٌ", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "rectangle", + "id": "pJNSZ", + "name": "cardDivider", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 90, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFFFFF00", + "position": 0 + }, + { + "color": "#E2E3EA", + "position": 0.5 + }, + { + "color": "#FFFFFF00", + "position": 1 + } + ] + }, + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "ipxZK", + "name": "Answer", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "1ctdd", + "name": "answerIndicator", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "1lRck", + "name": "checkIcon", + "width": 14, + "height": 14, + "iconFontName": "circle-check", + "iconFontFamily": "lucide", + "fill": "#16A34A" + }, + { + "type": "text", + "id": "S9m3r", + "name": "answerLabel", + "fill": "#16A34A", + "content": "ANSWER", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "600", + "letterSpacing": 2 + } + ] + }, + { + "type": "text", + "id": "rwyrx", + "name": "definition", + "fill": "#6B6F80", + "content": "كتاب، مجلّد", + "fontFamily": "Noto Naskh Arabic", + "fontSize": 18, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "811Wb", + "name": "translation", + "fill": "#1B1B2FE6", + "content": "book", + "fontFamily": "Inter", + "fontSize": 24, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "J9kNF", + "name": "Session History", + "width": 480, + "fill": "#1B1B2F", + "cornerRadius": 12, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#00000030", + "offset": { + "x": 0, + "y": 4 + }, + "blur": 20 + }, + "layout": "vertical", + "gap": 8, + "padding": [ + 12, + 16 + ], + "children": [ + { + "type": "frame", + "id": "4DOJ2", + "name": "histHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "G85tK", + "fill": "#FFFFFF90", + "content": "Session History", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "U8CTf", + "name": "histBadge", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "YPwP8", + "fill": "#FFFFFF50", + "content": "PRO", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "700", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "B5F4Z", + "name": "row1", + "width": "fill_container", + "fill": "#FFFFFF10", + "cornerRadius": 8, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "OLWOq", + "name": "r1Left", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "9oZyk", + "fill": "#22C55E", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "r06VL", + "fill": "#FFFFFF", + "content": "كِتَاب", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Dj2GS", + "fill": "#FFFFFF60", + "content": "Good", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "h0ETM", + "name": "r1Undo", + "fill": "#FFFFFF15", + "cornerRadius": 4, + "gap": 4, + "padding": [ + 4, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "YGDOJ", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#FFFFFF80" + }, + { + "type": "text", + "id": "sGzkE", + "fill": "#FFFFFF80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "2Dd9g", + "name": "row2", + "width": "fill_container", + "fill": "#FFFFFF10", + "cornerRadius": 8, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "vJs0h", + "name": "r2Left", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "NRbtg", + "fill": "#DC2626", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "KQXKF", + "fill": "#FFFFFF", + "content": "ذَهَبَ", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "eFmzw", + "fill": "#FFFFFF60", + "content": "Again", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "BMBAX", + "name": "r2Undo", + "fill": "#FFFFFF15", + "cornerRadius": 4, + "gap": 4, + "padding": [ + 4, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zcFIh", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#FFFFFF80" + }, + { + "type": "text", + "id": "eR8Na", + "fill": "#FFFFFF80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "lzKUB", + "name": "row3", + "width": "fill_container", + "fill": "#FFFFFF10", + "cornerRadius": 8, + "padding": [ + 8, + 10 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "PwmXq", + "name": "r3Left", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "8j39w", + "fill": "#F97316", + "width": 8, + "height": 8 + }, + { + "type": "text", + "id": "r3hqE", + "fill": "#FFFFFF", + "content": "جَمِيل", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "cCzWx", + "fill": "#FFFFFF60", + "content": "Hard", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Jy0ov", + "name": "r3Undo", + "fill": "#FFFFFF15", + "cornerRadius": 4, + "gap": 4, + "padding": [ + 4, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "2cCfK", + "width": 12, + "height": 12, + "iconFontName": "undo-2", + "iconFontFamily": "lucide", + "fill": "#FFFFFF80" + }, + { + "type": "text", + "id": "aucEE", + "fill": "#FFFFFF80", + "content": "Undo", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "pq3mw", + "name": "Grading Footer", + "width": "fill_container", + "fill": "#FAFAFA08", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "#E2E3EA30" + }, + "layout": "vertical", + "gap": 8, + "padding": [ + 16, + 32, + 24, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "kzzif", + "name": "Grade Buttons", + "width": 640, + "gap": 10, + "children": [ + { + "type": "frame", + "id": "BmJrs", + "name": "btnAgain", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#6B6F8033" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "NM49x", + "name": "againIcon", + "width": 20, + "height": 20, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#71717A" + }, + { + "type": "text", + "id": "iSGq5", + "name": "againLabel", + "fill": "#3f3f46", + "content": "Again", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "QroNy", + "name": "againTime", + "fill": "#A1A1AA", + "content": "1m", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "rEFMW", + "name": "btnHard", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E07A2C33" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "cSmiV", + "name": "hardIcon", + "width": 20, + "height": 20, + "iconFontName": "brain", + "iconFontFamily": "lucide", + "fill": "#E07A2C" + }, + { + "type": "text", + "id": "P5ACC", + "name": "hardLabel", + "fill": "#3f3f46", + "content": "Hard", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "3f8Dl", + "name": "hardTime", + "fill": "#A1A1AA", + "content": "6m", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "yE5lz", + "name": "btnGood", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#4F46E54D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Vx8wh", + "name": "goodIcon", + "width": 20, + "height": 20, + "iconFontName": "thumbs-up", + "iconFontFamily": "lucide", + "fill": "#4F46E5" + }, + { + "type": "text", + "id": "UxcXa", + "name": "goodLabel", + "fill": "#3f3f46", + "content": "Good", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "utTuo", + "name": "goodTime", + "fill": "#A1A1AA", + "content": "1.2d", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "zbIWk", + "name": "btnEasy", + "width": "fill_container", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#16A34A4D" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 12, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "AzmIp", + "name": "easyIcon", + "width": 20, + "height": 20, + "iconFontName": "zap", + "iconFontFamily": "lucide", + "fill": "#16A34A" + }, + { + "type": "text", + "id": "Mxf9m", + "name": "easyLabel", + "fill": "#3f3f46", + "content": "Easy", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "ns7rX", + "name": "easyTime", + "fill": "#A1A1AA", + "content": "3.5d", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] +} \ No newline at end of file diff --git a/design/logo.png b/design/logo.png new file mode 100644 index 00000000..53456645 Binary files /dev/null and b/design/logo.png differ diff --git a/packages/search/src/database.ts b/packages/search/src/database.ts index 5b71188f..8cc626a4 100644 --- a/packages/search/src/database.ts +++ b/packages/search/src/database.ts @@ -14,13 +14,13 @@ import { update, } from "@orama/orama"; import { pluginQPS } from "@orama/plugin-qps"; -import { stripArabicDiacritics } from "./arabic"; +import { normalizeArabicForSearch, stripArabicDiacritics } from "./arabic"; import { type DictionaryDocument, type DictionaryOrama, dictionarySchema, } from "./schema"; -import { multiLanguageTokenizer } from "./tokenizer"; +import { arabicTokenizer, multiLanguageTokenizer } from "./tokenizer"; type SearchResults = Results>; @@ -159,12 +159,26 @@ export const searchDictionary = ( ); } - const termLen = stripArabicDiacritics(term).length; + // Use the stemmed token length for tolerance calculation, since Orama + // applies tolerance against stemmed tokens in the index. Using the raw + // input length causes over-broad matching for words that stem shorter + // (e.g. مهرجان stems to مهرج, so tolerance should be based on 4 chars, not 6). + const stemmedTokens = + language === "arabic" + ? arabicTokenizer.tokenize( + normalizeArabicForSearch(term), + "arabic", + "word" + ) + : [stripArabicDiacritics(term)]; + const stemmedLen = Math.max(...stemmedTokens.map((t) => t.length), 1); // Fetch enough results to cover offset + limit for proper pagination const fetchLimit = offset + limit; - // Pass 1: Exact match search + // Pass 1: Stemmed exact match (tolerance=0 instead of exact:true, + // because exact:true bypasses stemming on the query and never matches + // stemmed index tokens) const exactResults = search( db, { @@ -174,13 +188,13 @@ export const searchDictionary = ( properties: PROPERTIES, where: options?.where, sortBy: options?.sortBy, - exact: true, + tolerance: 0, }, language ) as SearchResults; // Pass 2: Fuzzy search on normalized fields - const fuzzyTolerance = termLen <= 2 ? 0 : termLen <= 4 ? 1 : 2; + const fuzzyTolerance = stemmedLen <= 2 ? 0 : stemmedLen <= 4 ? 1 : 2; const fuzzyResults = search( db, { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f759113f..3dfef7b5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -34,7 +34,7 @@ importers: version: 0.1.5(@tanstack/ai@0.6.1)(zod@4.3.6) '@elysiajs/cors': specifier: ^1.4.0 - version: 1.4.0(elysia@1.4.19) + version: 1.4.0(elysia@1.4.27) '@libsql/client': specifier: ^0.10.0 version: 0.10.0 @@ -69,8 +69,8 @@ importers: specifier: ^0.8.3 version: 0.8.3(drizzle-orm@0.45.1)(zod@4.3.6) elysia: - specifier: ^1.4.19 - version: 1.4.19(@sinclair/typebox@0.34.48)(exact-mirror@0.2.7)(file-type@21.3.0)(openapi-types@12.1.3)(typescript@5.8.3) + specifier: 1.4.27 + version: 1.4.27(@sinclair/typebox@0.34.48)(@types/bun@1.3.11)(exact-mirror@0.2.7)(file-type@21.3.0)(openapi-types@12.1.3)(typescript@5.8.3) jose: specifier: ^6.1.3 version: 6.1.3 @@ -570,6 +570,9 @@ importers: '@tanstack/router-plugin': specifier: ^1.91.1 version: 1.91.1(vite@6.4.1) + '@types/bun': + specifier: ^1.3.11 + version: 1.3.11 '@types/node': specifier: ^20.10.6 version: 20.10.6 @@ -3929,12 +3932,12 @@ packages: dependencies: '@types/hammerjs': 2.0.46 - /@elysiajs/cors@1.4.0(elysia@1.4.19): + /@elysiajs/cors@1.4.0(elysia@1.4.27): resolution: {integrity: sha512-pb0SCzBfFbFSYA/U40HHO7R+YrcXBJXOWgL20eSViK33ol1e20ru2/KUaZYo5IMUn63yaTJI/bQERuQ+77ND8g==} peerDependencies: elysia: '>= 1.4.0' dependencies: - elysia: 1.4.19(@sinclair/typebox@0.34.48)(exact-mirror@0.2.7)(file-type@21.3.0)(openapi-types@12.1.3)(typescript@5.8.3) + elysia: 1.4.27(@sinclair/typebox@0.34.48)(@types/bun@1.3.11)(exact-mirror@0.2.7)(file-type@21.3.0)(openapi-types@12.1.3)(typescript@5.8.3) dev: false /@elysiajs/eden@1.4.6(elysia@1.4.27): @@ -13184,6 +13187,11 @@ packages: dependencies: '@babel/types': 7.26.3 + /@types/bun@1.3.11: + resolution: {integrity: sha512-5vPne5QvtpjGpsGYXiFyycfpDF2ECyPcTSsFBMa0fraoxiQyMJ3SmuQIGhzPg2WJuWxVBoxWJ2kClYTcw/4fAg==} + dependencies: + bun-types: 1.3.11 + /@types/connect@3.4.38: resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==} dependencies: @@ -14863,6 +14871,11 @@ packages: base64-js: 1.5.1 ieee754: 1.2.1 + /bun-types@1.3.11: + resolution: {integrity: sha512-1KGPpoxQWl9f6wcZh57LvrPIInQMn2TQ7jsgxqpRzg+l0QPOFvJVH7HmvHo/AiPgwXy+/Thf6Ov3EdVn1vOabg==} + dependencies: + '@types/node': 20.10.6 + /bun-types@1.3.5: resolution: {integrity: sha512-inmAYe2PFLs0SUbFOWSVD24sg1jFlMPxOjOSSCYqUgn4Hsc3rDc7dFvfVYjFPNHtov6kgUeulV4SxbuIV/stPw==} dependencies: @@ -16095,8 +16108,8 @@ packages: /electron-to-chromium@1.5.75: resolution: {integrity: sha512-Lf3++DumRE/QmweGjU+ZcKqQ+3bKkU/qjaKYhIJKEOhgIO9Xs6IiAQFkfFoj+RhgDk4LUeNsLo6plExHqSyu6Q==} - /elysia@1.4.19(@sinclair/typebox@0.34.48)(exact-mirror@0.2.7)(file-type@21.3.0)(openapi-types@12.1.3)(typescript@5.8.3): - resolution: {integrity: sha512-DZb9y8FnWyX5IuqY44SvqAV0DjJ15NeCWHrLdgXrKgTPDPsl3VNwWHqrEr9bmnOCpg1vh6QUvAX/tcxNj88jLA==} + /elysia@1.4.27(@sinclair/typebox@0.34.48)(@types/bun@1.3.11)(exact-mirror@0.2.7)(file-type@21.3.0)(openapi-types@12.1.3)(typescript@5.8.3): + resolution: {integrity: sha512-2UlmNEjPJVA/WZVPYKy+KdsrfFwwNlqSBW1lHz6i2AHc75k7gV4Rhm01kFeotH7PDiHIX2G8X3KnRPc33SGVIg==} peerDependencies: '@sinclair/typebox': '>= 0.34.0 < 1' '@types/bun': '>= 1.2.0' @@ -16111,6 +16124,7 @@ packages: optional: true dependencies: '@sinclair/typebox': 0.34.48 + '@types/bun': 1.3.11 cookie: 1.1.1 exact-mirror: 0.2.7(@sinclair/typebox@0.34.48) fast-decode-uri-component: 1.0.1