https://photobucket.com/assets/js/showcase-DayEAI5L.js

1var g=Object.defineProperty;var h=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var u=(i,t,r)=>t in i?g(i,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[t]=r,b=(i,t)=>{for(var r in t||(t={}))f.call(t,r)&&u(i,r,t[r]);if(h)for(var r of h(t))x.call(t,r)&&u(i,r,t[r]);return i};import{_ as e,a as l}from"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-B177jzqY.js";import{a as v}from"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react__loadShare__.js-ClGO9exV.js";import{I as z,d as a,X as N}from"./index-C8DIms-h.js";import{I as o}from"./IconButton-Cswe56TH.js";import{T as d}from"./Text-B0sdoH5a.js";import{H as I}from"./HeartIcon-BHt0iTel.js";import{P as n}from"./PlusIcon-Cwk4M6I2.js";import"./__virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react__loadShare__.js_commonjs-proxy-D_fXcg40.js";import"./virtualExposes-_ivNhQLP.js";import"./remoteEntry-uboCqDRT.js";import"./preload-helper-s0Msbe4-.js";import"./index-DM2295YJ.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_dom_mf_1_client__loadShare__.js-_fD68H2V.js";import"./__virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_dom__loadShare__.js_commonjs-proxy-BYnSnx8j.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare___mf_0_unleash_mf_1_proxy_mf_2_client_mf_2_react__loadShare__.js-BdtqsXmB.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_router_mf_2_dom__loadShare__.js-CK4j7iSY.js";import"./_virtual_mf___mfe_internal__host__mf_owner__1__loadShare__react_mf_2_dom__loadShare__.js-ckyQG2Wp.js";import"./LoadingIcon-BUCARp-P.js";import"./usePositioner-D-LvJytS.js";import"./DirectionContext-CJiZK74l.js";const k='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 13.51l6.83 3.98m-.01-10.98-6.82 3.98M21 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm12 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';function w(i){return e(z,b({svg:k},i))}function s({title:i,children:t}){return l("section",{className:"mb-32",children:[e(d,{className:"text-primary mb-12 block text-sm font-semibold tracking-wide uppercase",children:i}),t]})}function c({children:i}){return e("div",{className:"mb-12 flex flex-wrap items-center gap-12",children:i})}function m(){return e("hr",{className:"border-border mb-24"})}function G(){const[i,t]=v(null),r=p=>{t(p),setTimeout(()=>t(null),1500)};return l("main",{className:"bg-background text-foreground h-full overflow-y-auto p-24",children:[e(d,{className:"text-foreground mb-4 block text-xl font-bold",children:"Component Showcase"}),e(d,{className:"text-muted-foreground mb-24 block text-xs",children:"Button · IconButton · Text"}),e(m,{}),e(s,{title:"Button — Variants",children:l(c,{children:[e(a,{children:"Default"}),e(a,{variant:"outline",children:"Outline"}),e(a,{variant:"ghost",children:"Ghost"}),e(a,{variant:"destructive",children:"Destructive"})]})}),e(s,{title:"Button — Sizes",children:l(c,{children:[e(a,{size:"sm",children:"Small"}),e(a,{size:"default",children:"Default"}),e(a,{size:"lg",children:"Large"}),e(a,{size:"icon","aria-label":"Add",children:e(n,{size:"small"})})]})}),e(s,{title:"Button — With icons",children:l(c,{children:[l(a,{children:[e(n,{size:"xsmall"}),"Add item"]}),l(a,{variant:"outline",children:[e(I,{size:"xsmall"}),"Favorite"]}),l(a,{variant:"destructive",children:[e(N,{size:"xsmall"}),"Delete"]})]})}),e(s,{title:"Button — States",children:l(c,{children:[e(a,{disabled:!0,children:"Disabled"}),e(a,{variant:"outline",disabled:!0,children:"Disabled"}),e(a,{variant:"ghost",disabled:!0,children:"Disabled"})]})}),e(m,{}),e(s,{title:"IconButton — Variants",children:l(c,{children:[e(

1o,{icon:e(n,{}),"aria-label":"Add (primary)",onClick:()=>r("ib-primary"),isLoading:i==="ib-primary"}),e(o,{icon:e(n,{}),variant:"secondary","aria-label":"Add (secondary)",onClick:()=>r("ib-secondary"),isLoading:i==="ib-secondary"}),e(o,{icon:e(n,{}),variant:"ghost","aria-label":"Add (ghost)",onClick:()=>r("ib-ghost"),isLoading:i==="ib-ghost"}),e(o,{icon:e(w,{}),variant:"destructive","aria-label":"Share (destructive)",onClick:()=>r("ib-destructive"),isLoading:i==="ib-destructive"})]})}),e(s,{title:"IconButton — Sizes",children:l(c,{children:[e(o,{icon:e(n,{size:"xsmall"}),size:"xs","aria-label":"Add xs"}),e(o,{icon:e(n,{}),size:"sm","aria-label":"Add sm"}),e(o,{icon:e(n,{}),size:"md","aria-label":"Add md"}),e(o,{icon:e(n,{}),size:"lg","aria-label":"Add lg"}),e(o,{icon:e(n,{}),size:"xl","aria-label":"Add xl"})]})}),e(s,{title:"IconButton — States",children:l(c,{children:[e(o,{icon:e(n,{}),"aria-label":"Disabled",disabled:!0}),e(o,{icon:e(n,{}),"aria-label":"Loading",isLoading:!0}),e(o,{icon:e(n,{}),variant:"ghost","aria-label":"Disabled ghost",disabled:!0})]})}),e(m,{}),e(s,{title:"Text — Default",children:e(c,{children:e(d,{children:"The quick brown fox jumps over the lazy dog."})})}),e(s,{title:"Text — Polymorphic (render prop)",children:l("div",{className:"flex flex-col gap-8",children:[e(d,{render:e("p",{}),children:"Rendered as <p> — a paragraph of body copy."}),e(d,{render:e("strong",{}),className:"font-bold",children:"Rendered as <strong>"}),e(d,{render:e("div",{}),className:"text-muted-foreground text-sm",children:"Rendered as <div>"})]})}),e(s,{title:"Text — Class overrides",children:l("div",{className:"flex flex-col gap-8",children:[e(d,{className:"text-2xl font-bold",children:"Large / bold"}),e(d,{className:"text-muted-foreground",children:"Muted foreground"}),e(d,{className:"text-destructive text-sm",children:"Destructive / small"}),e(d,{className:"tabular-nums",children:"1,234,567 (tabular-nums)"})]})})]})}export{G as default};