"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=s=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(s).trim()||""},o=()=>e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(a.HeroCard,{title:"Sizing",description:"Icon and avatar size tokens from Tucu UI Design Tokens.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.Maximize,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Icon Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(s=>{const r=`w-icon-${s}`,i=`h-icon-${s}`,l=`--size-icon-${s}`,t=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-border rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${r} ${i}`,style:{width:t||`var(${l})`,height:t||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),t&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:t}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[r,", ",i]})]},s)})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Avatar Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(s=>{const r=`w-avatar-${s}`,i=`h-avatar-${s}`,l=`--size-avatar-${s}`,t=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-border rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${r} ${i}`,style:{width:t||`var(${l})`,height:t||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),t&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:t}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[r,", ",i]})]},s)})})})})})]})]});exports.default=o;
