50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:Td814,/* eslint-disable react-refresh/only-export-components */ import * as React from 'react' import { cn } from '@/lib/utils' // ============================================================================ // Types & Factory // ============================================================================ type ShapeAnimation = | 'none' // smooth presets | 'spin' | 'pulse' | 'float' | 'wiggle' | 'bounce' | 'glitch' // stepped presets — hard, non-interpolated motion (v3.5) | 'spin-step' | 'pulse-hard' | 'marquee-stamp' type ShapeSpeed = 'slow' | 'normal' | 'fast' interface ShapeProps extends React.SVGProps { size?: number strokeWidth?: number filled?: boolean /** Fill colour when `filled`, outline colour when not. */ color?: string /** Outline colour. Defaults to the foreground token. */ strokeColor?: string animation?: ShapeAnimation speed?: ShapeSpeed } const FOREGROUND = 'hsl(var(--foreground))' /** * Resolve the outline colour. * * `color` used to apply to `fill` only, so `` * rendered a black outline and the prop was a silent no-op — there was no way * to recolour an outlined shape short of a `className` override. When the shape * *is* its outline, `color` is what the caller meant. */ function strokeFor(filled: boolean, color?: string, strokeColor?: string): string { if (strokeColor) return strokeColor if (!filled && color) return color return FOREGROUND } function getAnimClass(animation?: ShapeAnimation, speed?: ShapeSpeed): string { if (!animation || animation === 'none') return '' const s = speed && speed !== 'normal' ? `-${speed}` : '' return `shape-animate-${animation}${s}` } // ============================================================================ // GEOMETRIC SHAPES - Basic polygons and mathematical forms // ============================================================================ export const TriangleShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) TriangleShape.displayName = 'TriangleShape' export const DiamondBadge = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) DiamondBadge.displayName = 'DiamondBadge' export const PentagonShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) PentagonShape.displayName = 'PentagonShape' export const HexagonShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) HexagonShape.displayName = 'HexagonShape' export const OctagonShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) OctagonShape.displayName = 'OctagonShape' export const CrossShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) CrossShape.displayName = 'CrossShape' export const TrapezoidShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) TrapezoidShape.displayName = 'TrapezoidShape' export const ParallelogramShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ParallelogramShape.displayName = 'ParallelogramShape' // ============================================================================ // STAR SHAPES - Stars, bursts, and explosion effects // ============================================================================ export const Star4Shape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) Star4Shape.displayName = 'Star4Shape' export const Star5Shape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) Star5Shape.displayName = 'Star5Shape' export const BurstShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) BurstShape.displayName = 'BurstShape' export const ExplosionShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ExplosionShape.displayName = 'ExplosionShape' export const SplatShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) SplatShape.displayName = 'SplatShape' export const LightningShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) LightningShape.displayName = 'LightningShape' // ============================================================================ // ORGANIC SHAPES - Blobs, waves, and natural forms // ============================================================================ export const BlobShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) BlobShape.displayName = 'BlobShape' export const WaveShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) WaveShape.displayName = 'WaveShape' export const CloudShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) CloudShape.displayName = 'CloudShape' export const HeartShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) HeartShape.displayName = 'HeartShape' // ============================================================================ // UI & BADGE SHAPES - Tags, badges, ribbons, and UI elements // ============================================================================ export const ArrowBadge = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ArrowBadge.displayName = 'ArrowBadge' export const ZigzagBanner = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ZigzagBanner.displayName = 'ZigzagBanner' export const RibbonShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) RibbonShape.displayName = 'RibbonShape' export const ShieldShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ShieldShape.displayName = 'ShieldShape' export const TagShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) TagShape.displayName = 'TagShape' export const PriceTagShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) PriceTagShape.displayName = 'PriceTagShape' export const TicketShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) TicketShape.displayName = 'TicketShape' export const CouponShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) CouponShape.displayName = 'CouponShape' export const BookmarkShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) BookmarkShape.displayName = 'BookmarkShape' export const FlagShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) FlagShape.displayName = 'FlagShape' export const PillShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) PillShape.displayName = 'PillShape' // ============================================================================ // COMMUNICATION SHAPES - Speech bubbles, cursors, and interactive elements // ============================================================================ export const SpeechBubble = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) SpeechBubble.displayName = 'SpeechBubble' export const CursorShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) CursorShape.displayName = 'CursorShape' export const EyeShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) EyeShape.displayName = 'EyeShape' // ============================================================================ // NATURE & CELESTIAL SHAPES - Sun, moon, planet, rainbow, and natural forms // ============================================================================ export const SunShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) SunShape.displayName = 'SunShape' export const Star6Shape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) Star6Shape.displayName = 'Star6Shape' export const CrescentShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) CrescentShape.displayName = 'CrescentShape' export const RainbowShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) RainbowShape.displayName = 'RainbowShape' export const PlanetShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) PlanetShape.displayName = 'PlanetShape' export const UmbrellaShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) UmbrellaShape.displayName = 'UmbrellaShape' export const AppleShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) AppleShape.displayName = 'AppleShape' // ============================================================================ // DECORATIVE SHAPES - Scribbles, tears, and artistic effects // ============================================================================ export const ScribbleCircle = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ScribbleCircle.displayName = 'ScribbleCircle' export const ScribbleUnderline = React.forwardRef( ({ size = 100, strokeWidth = 3, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) ScribbleUnderline.displayName = 'ScribbleUnderline' export const PaperTearShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) PaperTearShape.displayName = 'PaperTearShape' // ============================================================================ // NEW SHAPES - Seals, Gears, and Wavy Forms // ============================================================================ export const SealShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) SealShape.displayName = 'SealShape' export const GearShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) GearShape.displayName = 'GearShape' export const WavyRectangleShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) WavyRectangleShape.displayName = 'WavyRectangleShape' // ============================================================================ // GEOMETRIC ADDITIONS — Regular polygons and ellipse // ============================================================================ export const RhombusShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) RhombusShape.displayName = 'RhombusShape' export const EllipseShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) EllipseShape.displayName = 'EllipseShape' export const HeptagonShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) HeptagonShape.displayName = 'HeptagonShape' export const DecagonShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) DecagonShape.displayName = 'DecagonShape' // ============================================================================ // MATHEMATICAL SHAPES — Fractals, impossible figures, topological forms // ============================================================================ /** Koch Snowflake iteration-2 path helper (runs once at module level, pure math) */ function buildKochPath(): string { let pts = [{ x: 50, y: 8 }, { x: 91, y: 73 }, { x: 9, y: 73 }] const cos60 = 0.5, sin60 = Math.sqrt(3) / 2 for (let iter = 0; iter < 2; iter++) { const next: { x: number; y: number }[] = [] for (let j = 0; j < pts.length; j++) { const a = pts[j], b = pts[(j + 1) % pts.length] const dx = (b.x - a.x) / 3, dy = (b.y - a.y) / 3 const p1 = { x: a.x + dx, y: a.y + dy } const p2 = { x: a.x + 2 * dx, y: a.y + 2 * dy } const peak = { x: p1.x + dx * cos60 + dy * sin60, y: p1.y - dx * sin60 + dy * cos60 } next.push(a, p1, peak, p2) } pts = next } return pts.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join(' ') + ' Z' } const KOCH_PATH = buildKochPath() export const KochSnowflakeShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) KochSnowflakeShape.displayName = 'KochSnowflakeShape' export const PenroseTriangleShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) PenroseTriangleShape.displayName = 'PenroseTriangleShape' /** Trefoil knot projection: x = sin(t)+2sin(2t), y = cos(t)-2cos(2t) */ function buildTrefoilPath(): string { const n = 120, scale = 14 let d = '' for (let i = 0; i <= n; i++) { const t = (i / n) * 2 * Math.PI const x = 50 + scale * (Math.sin(t) + 2 * Math.sin(2 * t)) const y = 50 + scale * (Math.cos(t) - 2 * Math.cos(2 * t)) d += `${i === 0 ? 'M' : 'L'}${x.toFixed(2)} ${y.toFixed(2)} ` } return d + 'Z' } const TREFOIL_PATH = buildTrefoilPath() export const TrefoilShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) TrefoilShape.displayName = 'TrefoilShape' /** Fibonacci spiral: 8 quarter-circle arcs with φ-scaled radii */ function buildFibonacciPath(): string { const scale = 1.9 const arcs: { cx: number; cy: number; r: number; startAngle: number }[] = [ { cx: 51, cy: 51, r: 1, startAngle: Math.PI }, { cx: 51, cy: 50, r: 1, startAngle: Math.PI / 2 }, { cx: 50, cy: 50, r: 2, startAngle: 0 }, { cx: 50, cy: 52, r: 3, startAngle: -Math.PI / 2 }, { cx: 53, cy: 52, r: 5, startAngle: Math.PI }, { cx: 53, cy: 47, r: 8, startAngle: Math.PI / 2 }, { cx: 45, cy: 47, r: 13, startAngle: 0 }, { cx: 45, cy: 60, r: 21, startAngle: -Math.PI / 2 }, ] let d = '' arcs.forEach(({ cx, cy, r, startAngle }, i) => { const endAngle = startAngle - Math.PI / 2 const sx = cx + r * scale * Math.cos(startAngle) const sy = cy + r * scale * Math.sin(startAngle) const ex = cx + r * scale * Math.cos(endAngle) const ey = cy + r * scale * Math.sin(endAngle) const R = r * scale if (i === 0) d += `M${sx.toFixed(1)} ${sy.toFixed(1)} ` d += `A${R.toFixed(1)} ${R.toFixed(1)} 0 0 0 ${ex.toFixed(1)} ${ey.toFixed(1)} ` }) return d } const FIBONACCI_PATH = buildFibonacciPath() export const FibonacciSpiralShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled: _filled = false, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) FibonacciSpiralShape.displayName = 'FibonacciSpiralShape' export const MobiusStripShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) MobiusStripShape.displayName = 'MobiusStripShape' export const TorusShape = React.forwardRef( ({ size = 100, strokeWidth = 3, filled = true, color, strokeColor, animation = 'none', speed = 'normal', className, ...props }, ref) => ( ) ) TorusShape.displayName = 'TorusShape' // ============================================================================ // SHAPE CATEGORIES - Grouped exports for easy access // ============================================================================ export const GeometricShapes = { TriangleShape, DiamondBadge, PentagonShape, HexagonShape, OctagonShape, CrossShape, TrapezoidShape, ParallelogramShape, RhombusShape, EllipseShape, HeptagonShape, DecagonShape, } export const MathematicalShapes = { KochSnowflakeShape, PenroseTriangleShape, TrefoilShape, FibonacciSpiralShape, MobiusStripShape, TorusShape, } export const StarShapes = { Star4Shape, Star5Shape, Star6Shape, BurstShape, ExplosionShape, SplatShape, LightningShape, } export const OrganicShapes = { BlobShape, WaveShape, CloudShape, HeartShape, AppleShape, } export const CelestialShapes = { SunShape, CrescentShape, RainbowShape, PlanetShape, UmbrellaShape, } export const BadgeShapes = { ArrowBadge, ZigzagBanner, RibbonShape, ShieldShape, TagShape, PriceTagShape, TicketShape, CouponShape, BookmarkShape, FlagShape, PillShape, SealShape, WavyRectangleShape, } export const MechanicalShapes = { GearShape, } export const CommunicationShapes = { SpeechBubble, CursorShape, EyeShape, } export const DecorativeShapes = { ScribbleCircle, ScribbleUnderline, PaperTearShape, } export const TicketShapes = { WavyRectangleShape, } // ============================================================================ // ALL SHAPES - Combined export for backwards compatibility // ============================================================================ export const shapes = { // Geometric TriangleShape, DiamondBadge, PentagonShape, HexagonShape, OctagonShape, CrossShape, TrapezoidShape, ParallelogramShape, // Stars & Bursts Star4Shape, Star5Shape, Star6Shape, BurstShape, ExplosionShape, SplatShape, LightningShape, // Organic BlobShape, WaveShape, CloudShape, HeartShape, AppleShape, // Celestial & Nature SunShape, CrescentShape, RainbowShape, PlanetShape, UmbrellaShape, // Badges & UI ArrowBadge, ZigzagBanner, RibbonShape, ShieldShape, TagShape, PriceTagShape, TicketShape, CouponShape, BookmarkShape, FlagShape, PillShape, SealShape, WavyRectangleShape, // Communication SpeechBubble, CursorShape, EyeShape, // Decorative ScribbleCircle, ScribbleUnderline, PaperTearShape, // Mechanical GearShape, // Geometric additions RhombusShape, EllipseShape, HeptagonShape, DecagonShape, // Mathematical KochSnowflakeShape, PenroseTriangleShape, TrefoilShape, FibonacciSpiralShape, MobiusStripShape, TorusShape, } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@boldkit","registryDependencies":["@boldkit/utils","@boldkit/motion"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/ui/shapes.tsx","content":"$52","type":"registry:ui","target":"components/ui/shapes.tsx"}],"className":"h-[70svh] min-h-80"}]]}]