@clickhouse/click-ui 0.0.106 → 0.0.107

package/dist/click-ui.es.js

@@ -11165,21 +11165,21 @@ const hS = G(ho).withConfig({
   componentId: "sc-1vtv6sf-2"
 })(["max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;", ""], ({
   theme: e,
-  type: t = "default"
+  $type: t = "default"
 }) => `
     gap: ${e.click.flyout.space[t].gap};
     padding: 0 ${e.click.flyout.space[t].content.x};
   `), w8 = ({
   type: e,
   ...t
-}) => /* @__PURE__ */ r.jsx(hS, { orientation: "vertical", padding: "none", gap: "none", type: e, ...t });
+}) => /* @__PURE__ */ r.jsx(hS, { orientation: "vertical", padding: "none", gap: "none", $type: e, ...t });
 w8.displayName = "Flyout.Element";
 E1.Element = w8;
 const pd = G(ho).withConfig({
   componentId: "sc-1vtv6sf-3"
 })(["", ""], ({
   theme: e,
-  type: t = "default"
+  $type: t = "default"
 }) => `
     row-gap: ${e.click.flyout.space[t].content["row-gap"]};
     column-gap: ${e.click.flyout.space[t].content["column-gap"]};
@@ -11188,7 +11188,7 @@ const pd = G(ho).withConfig({
   componentId: "sc-1vtv6sf-4"
 })(["", ""], ({
   theme: e,
-  type: t = "default"
+  $type: t = "default"
 }) => `
     color: ${e.click.flyout.color.title.default};
     font: ${e.click.flyout.typography[t].title.default};
@@ -11198,7 +11198,7 @@ const pd = G(ho).withConfig({
   componentId: "sc-1vtv6sf-5"
 })(["", ""], ({
   theme: e,
-  type: t = "default"
+  $type: t = "default"
 }) => `
     color: ${e.click.flyout.color.description.default};
     font: ${e.click.flyout.typography[t].description.default};
@@ -11211,16 +11211,16 @@ const pd = G(ho).withConfig({
   children: o,
   ...i
 }) => o ? /* @__PURE__ */ r.jsxs(fd, { children: [
-  /* @__PURE__ */ r.jsxs(pd, { type: n, justifyContent: "space-between", alignItems: "start", padding: "none", gap: "none", fillWidth: !1, ...i, children: [
+  /* @__PURE__ */ r.jsxs(pd, { $type: n, justifyContent: "space-between", alignItems: "start", padding: "none", gap: "none", fillWidth: !1, ...i, children: [
     /* @__PURE__ */ r.jsx(ho, { padding: "none", gap: "none", orientation: "vertical", grow: "1", children: o }),
     /* @__PURE__ */ r.jsx(b2, { asChild: !0, children: /* @__PURE__ */ r.jsx(Z0, { "data-testid": "flyout-header-close-btn", children: /* @__PURE__ */ r.jsx(dt, { name: "cross", size: "lg" }) }) })
   ] }),
   /* @__PURE__ */ r.jsx(Wa, { size: "lg" })
 ] }) : /* @__PURE__ */ r.jsxs(fd, { children: [
-  /* @__PURE__ */ r.jsxs(pd, { type: n, justifyContent: "space-between", alignItems: "start", fillWidth: !1, ...i, children: [
+  /* @__PURE__ */ r.jsxs(pd, { $type: n, justifyContent: "space-between", alignItems: "start", fillWidth: !1, ...i, children: [
     /* @__PURE__ */ r.jsxs(ho, { padding: "none", gap: "none", orientation: "vertical", grow: "1", children: [
-      /* @__PURE__ */ r.jsx(gS, { children: e }),
-      t && /* @__PURE__ */ r.jsx(vS, { children: t })
+      /* @__PURE__ */ r.jsx(gS, { $type: n, children: e }),
+      t && /* @__PURE__ */ r.jsx(vS, { $type: n, children: t })
     ] }),
     /* @__PURE__ */ r.jsx(b2, { asChild: !0, children: /* @__PURE__ */ r.jsx(Z0, { "data-testid": "flyout-header-close-btn", children: /* @__PURE__ */ r.jsx(dt, { name: "cross", size: "lg" }) }) })
   ] }),

package/dist/click-ui.umd.js

@@ -482,24 +482,24 @@ https://github.com/highlightjs/highlight.js/issues/2277`),Xe=de,Ae=Ce);const ke=
         left: auto;
       }
     }
-  `),d7=W.div.withConfig({componentId:"sc-1vtv6sf-1"})(["display:flex;gap:0;width:100%;flex-flow:column nowrap;gap:inherit;"]),u7=({showOverlay:e=!1,children:t,container:n,strategy:o="relative",size:i,type:a="default",closeOnInteractOutside:s=!1,onInteractOutside:c,...u})=>r.jsxs(t7,{container:n,children:[e&&r.jsx(n7,{className:"DialogOverlay"}),r.jsx(Ry,{$size:i,$type:a,$strategy:o,onInteractOutside:g=>{s||g.preventDefault(),typeof c=="function"&&c(g)},...u,children:t})]});u7.displayName="Flyout.Content",ei.Content=u7;const Vy=W(Er).withConfig({componentId:"sc-1vtv6sf-2"})(["max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;",""],({theme:e,type:t="default"})=>`
+  `),d7=W.div.withConfig({componentId:"sc-1vtv6sf-1"})(["display:flex;gap:0;width:100%;flex-flow:column nowrap;gap:inherit;"]),u7=({showOverlay:e=!1,children:t,container:n,strategy:o="relative",size:i,type:a="default",closeOnInteractOutside:s=!1,onInteractOutside:c,...u})=>r.jsxs(t7,{container:n,children:[e&&r.jsx(n7,{className:"DialogOverlay"}),r.jsx(Ry,{$size:i,$type:a,$strategy:o,onInteractOutside:g=>{s||g.preventDefault(),typeof c=="function"&&c(g)},...u,children:t})]});u7.displayName="Flyout.Content",ei.Content=u7;const Vy=W(Er).withConfig({componentId:"sc-1vtv6sf-2"})(["max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;",""],({theme:e,$type:t="default"})=>`
     gap: ${e.click.flyout.space[t].gap};
     padding: 0 ${e.click.flyout.space[t].content.x};
-  `),f7=({type:e,...t})=>r.jsx(Vy,{orientation:"vertical",padding:"none",gap:"none",type:e,...t});f7.displayName="Flyout.Element",ei.Element=f7;const p7=W(Er).withConfig({componentId:"sc-1vtv6sf-3"})(["",""],({theme:e,type:t="default"})=>`
+  `),f7=({type:e,...t})=>r.jsx(Vy,{orientation:"vertical",padding:"none",gap:"none",$type:e,...t});f7.displayName="Flyout.Element",ei.Element=f7;const p7=W(Er).withConfig({componentId:"sc-1vtv6sf-3"})(["",""],({theme:e,$type:t="default"})=>`
     row-gap: ${e.click.flyout.space[t].content["row-gap"]};
     column-gap: ${e.click.flyout.space[t].content["column-gap"]};
     padding: ${e.click.flyout.space[t].y} ${e.click.flyout.space[t].y} 0 ${e.click.flyout.space[t].y} ;
-  `),By=W(Cy).withConfig({componentId:"sc-1vtv6sf-4"})(["",""],({theme:e,type:t="default"})=>`
+  `),By=W(Cy).withConfig({componentId:"sc-1vtv6sf-4"})(["",""],({theme:e,$type:t="default"})=>`
     color: ${e.click.flyout.color.title.default};
     font: ${e.click.flyout.typography[t].title.default};
     margin: 0;
     padding: 0;
-  `),Ny=W(wy).withConfig({componentId:"sc-1vtv6sf-5"})(["",""],({theme:e,type:t="default"})=>`
+  `),Ny=W(wy).withConfig({componentId:"sc-1vtv6sf-5"})(["",""],({theme:e,$type:t="default"})=>`
     color: ${e.click.flyout.color.description.default};
     font: ${e.click.flyout.typography[t].description.default};
     margin: 0;
     padding: 0;
-  `),h7=({title:e,description:t,type:n,children:o,...i})=>o?r.jsxs(d7,{children:[r.jsxs(p7,{type:n,justifyContent:"space-between",alignItems:"start",padding:"none",gap:"none",fillWidth:!1,...i,children:[r.jsx(Er,{padding:"none",gap:"none",orientation:"vertical",grow:"1",children:o}),r.jsx(bc,{asChild:!0,children:r.jsx(i3,{"data-testid":"flyout-header-close-btn",children:r.jsx(nt,{name:"cross",size:"lg"})})})]}),r.jsx(Vi,{size:"lg"})]}):r.jsxs(d7,{children:[r.jsxs(p7,{type:n,justifyContent:"space-between",alignItems:"start",fillWidth:!1,...i,children:[r.jsxs(Er,{padding:"none",gap:"none",orientation:"vertical",grow:"1",children:[r.jsx(By,{children:e}),t&&r.jsx(Ny,{children:t})]}),r.jsx(bc,{asChild:!0,children:r.jsx(i3,{"data-testid":"flyout-header-close-btn",children:r.jsx(nt,{name:"cross",size:"lg"})})})]}),r.jsx(Vi,{size:"lg"})]});h7.displayName="Flyout.Header",ei.Header=h7;const Zy=W(Er).withConfig({componentId:"sc-1vtv6sf-6"})(["margin-top:",";"],({$align:e="default"})=>e==="top"?"-1rem":0),g7=({align:e,...t})=>r.jsx(Zy,{overflow:"auto",orientation:"vertical",grow:"1",$align:e,...t});g7.displayName="Flyout.Body",ei.Body=g7;const Uy=W(Er).withConfig({componentId:"sc-1vtv6sf-7"})(["",""],({theme:e,type:t="default"})=>`
+  `),h7=({title:e,description:t,type:n,children:o,...i})=>o?r.jsxs(d7,{children:[r.jsxs(p7,{$type:n,justifyContent:"space-between",alignItems:"start",padding:"none",gap:"none",fillWidth:!1,...i,children:[r.jsx(Er,{padding:"none",gap:"none",orientation:"vertical",grow:"1",children:o}),r.jsx(bc,{asChild:!0,children:r.jsx(i3,{"data-testid":"flyout-header-close-btn",children:r.jsx(nt,{name:"cross",size:"lg"})})})]}),r.jsx(Vi,{size:"lg"})]}):r.jsxs(d7,{children:[r.jsxs(p7,{$type:n,justifyContent:"space-between",alignItems:"start",fillWidth:!1,...i,children:[r.jsxs(Er,{padding:"none",gap:"none",orientation:"vertical",grow:"1",children:[r.jsx(By,{$type:n,children:e}),t&&r.jsx(Ny,{$type:n,children:t})]}),r.jsx(bc,{asChild:!0,children:r.jsx(i3,{"data-testid":"flyout-header-close-btn",children:r.jsx(nt,{name:"cross",size:"lg"})})})]}),r.jsx(Vi,{size:"lg"})]});h7.displayName="Flyout.Header",ei.Header=h7;const Zy=W(Er).withConfig({componentId:"sc-1vtv6sf-6"})(["margin-top:",";"],({$align:e="default"})=>e==="top"?"-1rem":0),g7=({align:e,...t})=>r.jsx(Zy,{overflow:"auto",orientation:"vertical",grow:"1",$align:e,...t});g7.displayName="Flyout.Body",ei.Body=g7;const Uy=W(Er).withConfig({componentId:"sc-1vtv6sf-7"})(["",""],({theme:e,type:t="default"})=>`
     row-gap: ${e.click.flyout.space[t].content["row-gap"]};
     column-gap: ${e.click.flyout.space[t].content["column-gap"]};
     padding: ${e.click.flyout.space[t].y} ${e.click.flyout.space[t].content.x};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",