51: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"] 52: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"] 53:T8d7,"use client"; import { Carousel } from "../../ui/carousel/carousel"; import { ExpandableCard, type ExpandableCardItem } from "../../ui/expandable-card/expandable-card"; type CardData = { id: number; imageSrc: string; cardHeading: string; alt: string; paragraphs: string[]; }; type ExpandableCardCarouselProps = { data: { cards: CardData[]; }; }; export function ExpandableCardCarousel({ data }: ExpandableCardCarouselProps) { const items: ExpandableCardItem[] = data.cards.map((card) => ({ id: card.id, imageSrc: card.imageSrc, cardHeading: card.cardHeading, alt: card.alt, content: (

{card.paragraphs.map((paragraph) => (

{paragraph}

))}

), })); return (

Our Three Core
Philosophies

The principles that guide everything we create, from design decisions to the experiences we craft for our users.

{items.map((item, index) => ( ))}

); } 54:Tb68,{ "cards": [ { "id": 1, "imageSrc": "/p-01.svg", "cardHeading": "Eudaimonia", "alt": "Figure contemplating under an archway at dusk", "paragraphs": [ "Aristotle taught that eudaimonia, or human flourishing, is not found in fleeting pleasures or material wealth, but in living a life of virtue and purpose. It is the highest good, achieved through the cultivation of character and the exercise of reason.", "We build not for momentary delight, but for lasting excellence. Every interface, every interaction is an opportunity to help users flourish in their work and creative pursuits.", "This philosophy shapes how we approach every decision. When faced with a choice between what is easy and what is meaningful, we choose meaning. When tempted by trends, we return to timeless principles.", "The pursuit of eudaimonia reminds us that software is not merely functional -it is formative. The tools we create shape how people think, work, and ultimately, how they live." ] }, { "id": 2, "imageSrc": "/p-02.svg", "cardHeading": "Ataraxia", "alt": "Serene figure amidst classical columns at night", "paragraphs": [ "The Stoics and Epicureans alike sought ataraxia: a state of serene calmness, undisturbed by the chaos of the world. It emerges not from avoidance, but from clarity of mind and freedom from unnecessary complexity.", "Our designs embrace this tranquility. We strip away the superfluous, leaving only what serves. In simplicity, we find peace; in clarity, we find power.", "Every element earns its place. We question each line, each shadow, each interaction. Does it serve the user? Does it bring clarity? If not, it does not belong.", "This restraint is not minimalism for its own sake -it is respect for attention. In a world that constantly demands more, we offer less, so that what remains matters more." ] }, { "id": 3, "imageSrc": "/p-03.svg", "cardHeading": "Arete", "alt": "Wanderer on a path toward distant pillars", "paragraphs": [ "Arete speaks to excellence: the fulfillment of purpose, the realization of potential. For the ancient Greeks, it meant living up to one's highest nature, whether as an athlete, a philosopher, or an artisan.", "We pursue arete in every pixel and every line of code. Not perfection for its own sake, but excellence in service of those who use what we create.", "Excellence is not a destination but a practice. It lives in the details others overlook, in the edge cases others ignore, in the refinements that users feel but never see.", "Through arete, craft becomes art. What begins as function transforms into something that inspires -not through excess, but through the relentless pursuit of doing one thing exceptionally well." ] } ] } 50:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L51",null,{"namespace":"@roiui","registryDependencies":["https://roiui.com/r/expandable-card-tailwind.json","https://roiui.com/r/carousel-tailwind.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/brook/tailwind/blocks/expandable-card-carousel/page.tsx","content":"\"use client\";\nimport { ExpandableCardCarousel } from \"./expandable-card-carousel\";\nimport data from \"./data.json\";\n\nexport default function Page() {\n return ;\n}\n","type":"registry:file","target":"~/components/blocks/expandable-card-carousel/page.tsx"},{"path":"registry/brook/tailwind/blocks/expandable-card-carousel/components/expandable-card-carousel.tsx","content":"$53","type":"registry:file","target":"~/components/blocks/expandable-card-carousel/expandable-card-carousel.tsx"},{"path":"registry/brook/blocks-shared-files/expandable-card-carousel/data.json","content":"$54","type":"registry:file","target":"~/components/blocks/expandable-card-carousel/data.json"}],"className":"h-[70svh] min-h-80"}]]}]