@object-ui/console 3.0.1 → 3.0.2

package/dist/assets/{ui-layout-BENIRxAF.js → ui-layout-CF_1bNSv.js}

@@ -1 +1 @@
-import{j as l,r as y}from"./vendor-react-Dy_xkBQQ.js";import{C as m}from"./framework-mHWN965c.js";import{c as p,U as f,V as h,W as b}from"./ui-components-DVonQS7H.js";import"./vendor-ui-utils-h6yAcIi9.js";function u({title:r,description:o,action:e,className:s,children:t,...a}){return l.jsx("div",{className:p("flex flex-col gap-4 pb-4 md:pb-8",s),...a,children:l.jsxs("div",{className:"flex items-center justify-between gap-4",children:[l.jsxs("div",{className:"flex flex-col gap-1",children:[l.jsx("h1",{className:"text-2xl font-bold tracking-tight md:text-3xl",children:r}),o&&l.jsx("p",{className:"text-sm text-muted-foreground",children:o})]}),(e||t)&&l.jsxs("div",{className:"flex items-center gap-2",children:[e,t]})]})})}function x(r){const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!o)return null;const e=parseInt(o[1],16)/255,s=parseInt(o[2],16)/255,t=parseInt(o[3],16)/255,a=Math.max(e,s,t),c=Math.min(e,s,t);let i=0,n=0;const g=(a+c)/2;if(a!==c){const d=a-c;switch(n=g>.5?d/(2-a-c):d/(a+c),a){case e:i=((s-t)/d+(s<t?6:0))/6;break;case s:i=((t-e)/d+2)/6;break;case t:i=((e-s)/d+4)/6;break}}return`${Math.round(i*360)} ${Math.round(n*100)}% ${Math.round(g*100)}%`}function v(r,o){y.useEffect(()=>{const e=document.documentElement;if(r?.primaryColor){const s=x(r.primaryColor);s&&(e.style.setProperty("--brand-primary",r.primaryColor),e.style.setProperty("--brand-primary-hsl",s))}else e.style.removeProperty("--brand-primary"),e.style.removeProperty("--brand-primary-hsl");if(r?.accentColor){const s=x(r.accentColor);s&&(e.style.setProperty("--brand-accent",r.accentColor),e.style.setProperty("--brand-accent-hsl",s))}else e.style.removeProperty("--brand-accent"),e.style.removeProperty("--brand-accent-hsl");if(r?.favicon){const s=document.querySelector("#favicon")||document.querySelector('link[rel="icon"]');s&&(s.href=r.favicon)}return o&&(document.title=o),()=>{e.style.removeProperty("--brand-primary"),e.style.removeProperty("--brand-primary-hsl"),e.style.removeProperty("--brand-accent"),e.style.removeProperty("--brand-accent-hsl")}},[r?.primaryColor,r?.accentColor,r?.favicon,o])}function j({sidebar:r,navbar:o,children:e,className:s,defaultOpen:t=!0,branding:a}){return v(a,a?.title),l.jsxs(f,{defaultOpen:t,children:[r,l.jsxs(h,{children:[l.jsxs("header",{className:"flex h-14 sm:h-16 shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",children:[l.jsx(b,{className:"-ml-1"}),l.jsx("div",{className:"w-px h-4 bg-border mx-1 sm:mx-2"}),o]}),l.jsx("main",{className:p("flex-1 overflow-auto p-3 sm:p-4 md:p-6",s),children:e})]})]})}function C({className:r,children:o,...e}){return l.jsx("div",{className:p("rounded-xl border bg-card text-card-foreground shadow",r),...e,children:l.jsx("div",{className:"p-6",children:o})})}const P={xs:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",6:"grid-cols-6",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",6:"sm:grid-cols-6",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",6:"md:grid-cols-6",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",6:"lg:grid-cols-6",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",6:"xl:grid-cols-6",12:"xl:grid-cols-12"},"2xl":{1:"2xl:grid-cols-1",2:"2xl:grid-cols-2",3:"2xl:grid-cols-3",4:"2xl:grid-cols-4",6:"2xl:grid-cols-6",12:"2xl:grid-cols-12"}};function S(r){if(!r)return"grid-cols-1";const o=[];for(const[e,s]of Object.entries(r)){const t=P[e];if(t&&s){const c=Object.keys(t).map(Number).reduce((i,n)=>Math.abs(n-s)<Math.abs(i-s)?n:i);o.push(t[c])}}return o.join(" ")||"grid-cols-1"}const N={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8"},k=({columns:r,gap:o=4,className:e,children:s})=>{const t=S(r),a=typeof o=="number"?N[o]||`gap-${o}`:"";return l.jsx("div",{className:p("grid",t,a,e),children:s})};function L(){m.register("page-header",u,{namespace:"layout",label:"Page Header",category:"Layout",inputs:[{name:"title",type:"string"},{name:"description",type:"string"}]}),m.register("page:header",u,{namespace:"layout"}),m.register("page:card",C,{namespace:"layout",label:"Page Card",category:"Layout",isContainer:!0}),m.register("app-shell",j,{namespace:"layout",label:"App Shell",category:"Layout"}),m.register("responsive-grid",k,{namespace:"layout",label:"Responsive Grid",category:"Layout",isContainer:!0,inputs:[{name:"columns",type:"object"},{name:"gap",type:"number"}]})}try{L()}catch{}export{j as A};
+import{j as l,r as y}from"./vendor-react-Dy_xkBQQ.js";import{C as m}from"./framework-mHWN965c.js";import{c as p,U as f,V as h,W as b}from"./ui-components-CseD2Dpn.js";import"./vendor-ui-utils-h6yAcIi9.js";function u({title:r,description:o,action:e,className:s,children:t,...a}){return l.jsx("div",{className:p("flex flex-col gap-4 pb-4 md:pb-8",s),...a,children:l.jsxs("div",{className:"flex items-center justify-between gap-4",children:[l.jsxs("div",{className:"flex flex-col gap-1",children:[l.jsx("h1",{className:"text-2xl font-bold tracking-tight md:text-3xl",children:r}),o&&l.jsx("p",{className:"text-sm text-muted-foreground",children:o})]}),(e||t)&&l.jsxs("div",{className:"flex items-center gap-2",children:[e,t]})]})})}function x(r){const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!o)return null;const e=parseInt(o[1],16)/255,s=parseInt(o[2],16)/255,t=parseInt(o[3],16)/255,a=Math.max(e,s,t),c=Math.min(e,s,t);let i=0,n=0;const g=(a+c)/2;if(a!==c){const d=a-c;switch(n=g>.5?d/(2-a-c):d/(a+c),a){case e:i=((s-t)/d+(s<t?6:0))/6;break;case s:i=((t-e)/d+2)/6;break;case t:i=((e-s)/d+4)/6;break}}return`${Math.round(i*360)} ${Math.round(n*100)}% ${Math.round(g*100)}%`}function v(r,o){y.useEffect(()=>{const e=document.documentElement;if(r?.primaryColor){const s=x(r.primaryColor);s&&(e.style.setProperty("--brand-primary",r.primaryColor),e.style.setProperty("--brand-primary-hsl",s))}else e.style.removeProperty("--brand-primary"),e.style.removeProperty("--brand-primary-hsl");if(r?.accentColor){const s=x(r.accentColor);s&&(e.style.setProperty("--brand-accent",r.accentColor),e.style.setProperty("--brand-accent-hsl",s))}else e.style.removeProperty("--brand-accent"),e.style.removeProperty("--brand-accent-hsl");if(r?.favicon){const s=document.querySelector("#favicon")||document.querySelector('link[rel="icon"]');s&&(s.href=r.favicon)}return o&&(document.title=o),()=>{e.style.removeProperty("--brand-primary"),e.style.removeProperty("--brand-primary-hsl"),e.style.removeProperty("--brand-accent"),e.style.removeProperty("--brand-accent-hsl")}},[r?.primaryColor,r?.accentColor,r?.favicon,o])}function j({sidebar:r,navbar:o,children:e,className:s,defaultOpen:t=!0,branding:a}){return v(a,a?.title),l.jsxs(f,{defaultOpen:t,children:[r,l.jsxs(h,{children:[l.jsxs("header",{className:"flex h-14 sm:h-16 shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",children:[l.jsx(b,{className:"-ml-1"}),l.jsx("div",{className:"w-px h-4 bg-border mx-1 sm:mx-2"}),o]}),l.jsx("main",{className:p("flex-1 overflow-auto p-3 sm:p-4 md:p-6",s),children:e})]})]})}function C({className:r,children:o,...e}){return l.jsx("div",{className:p("rounded-xl border bg-card text-card-foreground shadow",r),...e,children:l.jsx("div",{className:"p-6",children:o})})}const P={xs:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",6:"grid-cols-6",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",6:"sm:grid-cols-6",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",6:"md:grid-cols-6",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",6:"lg:grid-cols-6",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",6:"xl:grid-cols-6",12:"xl:grid-cols-12"},"2xl":{1:"2xl:grid-cols-1",2:"2xl:grid-cols-2",3:"2xl:grid-cols-3",4:"2xl:grid-cols-4",6:"2xl:grid-cols-6",12:"2xl:grid-cols-12"}};function S(r){if(!r)return"grid-cols-1";const o=[];for(const[e,s]of Object.entries(r)){const t=P[e];if(t&&s){const c=Object.keys(t).map(Number).reduce((i,n)=>Math.abs(n-s)<Math.abs(i-s)?n:i);o.push(t[c])}}return o.join(" ")||"grid-cols-1"}const N={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8"},k=({columns:r,gap:o=4,className:e,children:s})=>{const t=S(r),a=typeof o=="number"?N[o]||`gap-${o}`:"";return l.jsx("div",{className:p("grid",t,a,e),children:s})};function L(){m.register("page-header",u,{namespace:"layout",label:"Page Header",category:"Layout",inputs:[{name:"title",type:"string"},{name:"description",type:"string"}]}),m.register("page:header",u,{namespace:"layout"}),m.register("page:card",C,{namespace:"layout",label:"Page Card",category:"Layout",isContainer:!0}),m.register("app-shell",j,{namespace:"layout",label:"App Shell",category:"Layout"}),m.register("responsive-grid",k,{namespace:"layout",label:"Responsive Grid",category:"Layout",isContainer:!0,inputs:[{name:"columns",type:"object"},{name:"gap",type:"number"}]})}try{L()}catch{}export{j as A};