@youwen/ai-design-system/dist/layouts.js

Enterprise AI-driven design system with comprehensive design tokens

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./layouts-a25fc833.js"),t=require("react/jsx-runtime"),j=require("react"),h=require("class-variance-authority"),f=require("./charts-3eb46e5d.js");require("clsx");require("tailwind-merge");function F(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const m=F(j),N=h.cva("relative",{variants:{variant:{button1:"",button2:"",selector:""},size:{default:"w-[195px] h-[97px]"}},defaultVariants:{variant:"button1",size:"default"}}),b=m.forwardRef(({className:o,variant:a="button1",children:e,disabled:i,onClick:r,...d},p)=>{const c=(()=>{switch(a){case"button1":return{background:"#000000",color:"#FFFFFF",borderRadius:"0px"};case"button2":return{background:"#666666",color:"#FFFFFF",borderRadius:"0px"};case"selector":return{background:"transparent",color:"#000000",border:"1px solid #000000",borderRadius:"103px"};default:return{background:"#000000",color:"#FFFFFF",borderRadius:"0px"}}})(),x=e||(a==="button1"?"Button 1":a==="button2"?"Button 2":"Selector 1");return t.jsx("div",{className:f.cn(N({variant:a}),o),ref:p,...d,children:t.jsxs("div",{className:"absolute",style:{width:"195px",height:"47px",left:"0px",top:"25px"},children:[t.jsx("div",{className:"absolute box-border",style:{width:"195px",height:"47px",left:"0px",top:"0px",...c,cursor:i?"default":"pointer"},onClick:i?void 0:r}),t.jsx("div",{className:"absolute flex items-center",style:{left:"calc(50% - 30px)",top:"18px",width:"60px",height:"11px",fontFamily:"Scto Grotesk A",fontStyle:"normal",fontWeight:400,fontSize:"16px",lineHeight:"107%",color:c.color,justifyContent:"center",cursor:i?"default":"pointer"},onClick:i?void 0:r,children:x})]})})});b.displayName="FigmaButton";const k=h.cva("relative",{variants:{size:{default:"w-[195px] h-[97px]"}},defaultVariants:{size:"default"}}),V=()=>t.jsxs("div",{className:"absolute",style:{width:"25px",height:"25px",left:"159px",top:"36px"},children:[t.jsx("div",{className:"absolute bg-black",style:{width:"9px",height:"6px",left:"calc(50% - 9px/2)",top:"calc(50% - 6px/2 + 0.5px)"}}),t.jsx("div",{className:"absolute bg-white",style:{width:"9px",height:"6px",left:"8px",top:"10px"}})]}),w=m.forwardRef(({className:o,children:a="Dropdown 1",disabled:e,onClick:i,...r},d)=>t.jsxs("div",{className:f.cn(k(),o),ref:d,...r,children:[t.jsx("div",{className:"absolute flex items-center text-black",style:{width:"87px",height:"11px",left:"25px",top:"43px",fontFamily:"Scto Grotesk A",fontStyle:"normal",fontWeight:400,fontSize:"16px",lineHeight:"107%",cursor:e?"default":"pointer"},onClick:e?void 0:i,children:a}),t.jsx("div",{className:"absolute box-border border border-black",style:{width:"195px",height:"47px",left:"0px",top:"25px",borderRadius:"103px",cursor:e?"default":"pointer"},onClick:e?void 0:i}),t.jsx(V,{})]}));w.displayName="FigmaDropdown";const v=h.cva("relative bg-card border rounded-lg shadow-sm",{variants:{size:{standard:"w-container-md h-container-md",auto:"w-full h-auto"},padding:{none:"p-0",base:"p-[15px]"}},defaultVariants:{size:"standard",padding:"base"}}),y=m.forwardRef(({className:o,layout:a="leftTop",size:e="standard",padding:i="base",leftTopButton:r,rightTopButton:d,leftBottomButton:p,rightBottomButton:g,...c},x)=>{const s=a.split(",").map(l=>l.trim()),u=l=>l?l.variant==="dropdown"?t.jsx(w,{onClick:l.onClick,disabled:l.disabled,children:l.text||"Dropdown 1"}):t.jsx(b,{variant:l.variant==="dropdown"?"button1":l.variant||"button1",onClick:l.onClick,disabled:l.disabled,children:l.text}):null;return t.jsx("div",{className:f.cn(v({size:e,padding:i}),o),ref:x,...c,children:t.jsxs("div",{className:"relative w-full h-full",children:[t.jsx("div",{className:"absolute w-widget-sm h-widget-sm top-0 left-0",children:(s.includes("leftTop")||s.includes("all"))&&t.jsx("div",{className:"w-full h-full",children:u(r)})}),t.jsx("div",{className:"absolute w-widget-sm h-widget-sm top-0 right-0",children:(s.includes("rightTop")||s.includes("all"))&&t.jsx("div",{className:"w-full h-full",children:u(d)})}),t.jsx("div",{className:"absolute w-widget-sm h-widget-sm bottom-0 left-0",children:(s.includes("leftBottom")||s.includes("all"))&&t.jsx("div",{className:"w-full h-full",children:u(p)})}),t.jsx("div",{className:"absolute w-widget-sm h-widget-sm bottom-0 right-0",children:(s.includes("rightBottom")||s.includes("all"))&&t.jsx("div",{className:"w-full h-full",children:u(g)})})]})})});y.displayName="FigmaButtonLayout";exports.ThreeElementLayout=n.ThreeElementLayout;exports.V2AdvancedLayout=n.V2AdvancedLayout;exports.WidgetCard=n.WidgetCard;exports.threeElementLayoutVariants=n.threeElementLayoutVariants;exports.v2AdvancedLayoutVariants=n.v2AdvancedLayoutVariants;exports.widgetCardVariants=n.widgetCardVariants;exports.FigmaButtonLayout=y;exports.figmaButtonLayoutVariants=v;