@clickhouse/click-ui 0.2.0-rc.1 → 0.2.0-rc.3

package/dist/esm/components/Assets/Flags/system/FlagsLight.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlagsLight.js","sources":["../../../../../../src/components/Assets/Flags/system/FlagsLight.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Australia from '../Australia';\nimport Brazil from '../Brazil';\nimport Canada from '../Canada';\nimport European_Union from '../European-Union';\nimport Germany from '../Germany';\nimport Great_Britain from '../Great-Britain';\nimport Hong_Kong from '../Hong-Kong';\nimport India from '../India';\nimport Indonesia from '../Indonesia';\nimport Ireland from '../Ireland';\nimport Israel from '../Israel';\nimport Japan from '../Japan';\nimport Netherlands from '../Netherlands';\nimport Singapore from '../Singapore';\nimport South_Africa from '../South-Africa';\nimport South_Korea from '../South-Korea';\nimport Sweden from '../Sweden';\nimport Switzerland from '../Switzerland';\nimport United_Arab_Emirates from '../United-Arab-Emirates';\nimport United_Kingdom from '../United-Kingdom';\nimport United_States from '../United-States';\nimport { FlagName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst FlagsLight: Record<FlagName, ComponentType<SVGAssetProps>> = {\n  australia: Australia,\n  brazil: Brazil,\n  canada: Canada,\n  'european-union': European_Union,\n  germany: Germany,\n  'great-britain': Great_Britain,\n  'hong-kong': Hong_Kong,\n  india: India,\n  indonesia: Indonesia,\n  ireland: Ireland,\n  israel: Israel,\n  japan: Japan,\n  netherlands: Netherlands,\n  singapore: Singapore,\n  'south-africa': South_Africa,\n  'south-korea': South_Korea,\n  sweden: Sweden,\n  switzerland: Switzerland,\n  'united-arab-emirates': United_Arab_Emirates,\n  'united-kingdom': United_Kingdom,\n  'united-states': United_States,\n};\n\nexport default FlagsLight;\n"],"names":["FlagsLight","australia","Australia","brazil","Brazil","canada","Canada","European_Union","germany","Germany","Great_Britain","Hong_Kong","india","India","indonesia","Indonesia","ireland","Ireland","israel","Israel","japan","Japan","netherlands","Netherlands","singapore","Singapore","South_Africa","South_Korea","sweden","Sweden","switzerland","Switzerland","United_Arab_Emirates","United_Kingdom","United_States"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,UAAAA,GAA6D;AAAA,EACjEC,SAAAA,EAAWC,SAAAA;AAAAA,EACXC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,MAAAA,EAAQC,MAAAA;AAAAA,EACR,gBAAA,EAAkBC,aAAAA;AAAAA,EAClBC,OAAAA,EAASC,OAAAA;AAAAA,EACT,eAAA,EAAiBC,aAAAA;AAAAA,EACjB,WAAA,EAAaC,QAAAA;AAAAA,EACbC,KAAAA,EAAOC,KAAAA;AAAAA,EACPC,SAAAA,EAAWC,SAAAA;AAAAA,EACXC,OAAAA,EAASC,OAAAA;AAAAA,EACTC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,KAAAA,EAAOC,KAAAA;AAAAA,EACPC,WAAAA,EAAaC,WAAAA;AAAAA,EACbC,SAAAA,EAAWC,SAAAA;AAAAA,EACX,cAAA,EAAgBC,WAAAA;AAAAA,EAChB,aAAA,EAAeC,UAAAA;AAAAA,EACfC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,WAAAA,EAAaC,WAAAA;AAAAA,EACb,sBAAA,EAAwBC,kBAAAA;AAAAA,EACxB,gBAAA,EAAkBC,aAAAA;AAAAA,EAClB,eAAA,EAAiBC;AACnB;;;;"}
+{"version":3,"file":"FlagsLight.js","sources":["../../../../../../src/components/Assets/Flags/system/FlagsLight.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Australia from '../Australia';\nimport Brazil from '../Brazil';\nimport Canada from '../Canada';\nimport European_Union from '../European-Union';\nimport Germany from '../Germany';\nimport Great_Britain from '../Great-Britain';\nimport Hong_Kong from '../Hong-Kong';\nimport India from '../India';\nimport Indonesia from '../Indonesia';\nimport Ireland from '../Ireland';\nimport Israel from '../Israel';\nimport Japan from '../Japan';\nimport Mexico from '../Mexico';\nimport Netherlands from '../Netherlands';\nimport Singapore from '../Singapore';\nimport South_Africa from '../South-Africa';\nimport South_Korea from '../South-Korea';\nimport Sweden from '../Sweden';\nimport Switzerland from '../Switzerland';\nimport United_Arab_Emirates from '../United-Arab-Emirates';\nimport United_Kingdom from '../United-Kingdom';\nimport United_States from '../United-States';\nimport { FlagName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst FlagsLight: Record<FlagName, ComponentType<SVGAssetProps>> = {\n  australia: Australia,\n  brazil: Brazil,\n  canada: Canada,\n  'european-union': European_Union,\n  germany: Germany,\n  'great-britain': Great_Britain,\n  'hong-kong': Hong_Kong,\n  india: India,\n  indonesia: Indonesia,\n  ireland: Ireland,\n  israel: Israel,\n  japan: Japan,\n  mexico: Mexico,\n  netherlands: Netherlands,\n  singapore: Singapore,\n  'south-africa': South_Africa,\n  'south-korea': South_Korea,\n  sweden: Sweden,\n  switzerland: Switzerland,\n  'united-arab-emirates': United_Arab_Emirates,\n  'united-kingdom': United_Kingdom,\n  'united-states': United_States,\n};\n\nexport default FlagsLight;\n"],"names":["FlagsLight","australia","Australia","brazil","Brazil","canada","Canada","European_Union","germany","Germany","Great_Britain","Hong_Kong","india","India","indonesia","Indonesia","ireland","Ireland","israel","Israel","japan","Japan","mexico","Mexico","netherlands","Netherlands","singapore","Singapore","South_Africa","South_Korea","sweden","Sweden","switzerland","Switzerland","United_Arab_Emirates","United_Kingdom","United_States"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAMA,UAAAA,GAA6D;AAAA,EACjEC,SAAAA,EAAWC,SAAAA;AAAAA,EACXC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,MAAAA,EAAQC,MAAAA;AAAAA,EACR,gBAAA,EAAkBC,aAAAA;AAAAA,EAClBC,OAAAA,EAASC,OAAAA;AAAAA,EACT,eAAA,EAAiBC,aAAAA;AAAAA,EACjB,WAAA,EAAaC,QAAAA;AAAAA,EACbC,KAAAA,EAAOC,KAAAA;AAAAA,EACPC,SAAAA,EAAWC,SAAAA;AAAAA,EACXC,OAAAA,EAASC,OAAAA;AAAAA,EACTC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,KAAAA,EAAOC,KAAAA;AAAAA,EACPC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,WAAAA,EAAaC,WAAAA;AAAAA,EACbC,SAAAA,EAAWC,SAAAA;AAAAA,EACX,cAAA,EAAgBC,WAAAA;AAAAA,EAChB,aAAA,EAAeC,UAAAA;AAAAA,EACfC,MAAAA,EAAQC,MAAAA;AAAAA,EACRC,WAAAA,EAAaC,WAAAA;AAAAA,EACb,sBAAA,EAAwBC,kBAAAA;AAAAA,EACxB,gBAAA,EAAkBC,aAAAA;AAAAA,EAClB,eAAA,EAAiBC;AACnB;;;;"}

package/dist/esm/components/Dialog/index.js

@@ -83,16 +83,24 @@ const TitleArea = styled.div.withConfig({
 }) => $onlyClose ? "flex-end" : "space-between", ({
   theme
 }) => theme.sizes[9]);
-const Title = styled.h2.withConfig({
+const Title = styled(RadixDialog.Title).withConfig({
   componentId: "sc-1wr6otn-4"
 })(["font:", ";padding:0;margin:0;"], ({
   theme
 }) => theme.click.dialog.typography.title.default);
+const Description = styled(RadixDialog.Description).withConfig({
+  componentId: "sc-1wr6otn-5"
+})(["font:", ";color:", ";padding:0;margin:0;"], ({
+  theme
+}) => theme.click.dialog.typography.description.default, ({
+  theme
+}) => theme.click.dialog.color.description.default);
 const CloseButton = ({
   onClose
 }) => /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(CrossButton, { onClick: onClose, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", size: "lg" }) }) });
 const DialogContent = ({
   title,
+  description,
   children,
   showClose,
   onClose,
@@ -112,6 +120,7 @@ const DialogContent = ({
         ] }),
         /* @__PURE__ */ jsx(Spacer, { size: "sm" })
       ] }),
+      description && /* @__PURE__ */ jsx(Description, { children: description }),
       children
     ] })
   ] });

package/dist/esm/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { keyframes, styled } from 'styled-components';\nimport { Button, ButtonProps } from '@/components/Button';\nimport { Icon } from '@/components/Icon';\nimport { Spacer } from '@/components/Spacer';\nimport { CrossButton } from '@/components/CrossButton';\nimport { DialogContentProps, DialogProps, DialogTriggerProps } from './Dialog.types';\n\nexport const Dialog = ({ children, ...props }: DialogProps) => {\n  return <RadixDialog.Root {...props}>{children}</RadixDialog.Root>;\n};\n\n// Dialog Trigger\nconst Trigger = styled(RadixDialog.Trigger)`\n  width: fit-content;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n`;\n\nconst DialogTrigger = ({ children, asChild, ...props }: DialogTriggerProps) => {\n  if (asChild) {\n    // Pass all props to RadixDialog.Trigger, no styled wrapper\n    return (\n      <RadixDialog.Trigger\n        asChild\n        {...props}\n      >\n        {children}\n      </RadixDialog.Trigger>\n    );\n  }\n  // Use styled Trigger if not asChild\n  return <Trigger {...props}>{children}</Trigger>;\n};\n\nDialogTrigger.displayName = 'DialogTrigger';\nDialog.Trigger = DialogTrigger;\n\nconst DialogClose = ({ label = 'Close', type = 'secondary', ...props }: ButtonProps) => (\n  <RadixDialog.Close asChild>\n    <Button\n      type={type}\n      label={label}\n      {...props}\n    />\n  </RadixDialog.Close>\n);\n\nDialogClose.displayName = 'DialogClose';\nDialog.Close = DialogClose;\n\n// Dialog Content\nconst overlayShow = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 },\n});\n\nconst contentShow = keyframes({\n  '0%': { opacity: 0, transform: 'translate(-50%, -48%) scale(.96)' },\n  '100%': { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },\n});\n\nconst DialogOverlay = styled(RadixDialog.Overlay)`\n  background-color: ${({ theme }) => theme.click.dialog.color.opaqueBackground.default};\n  position: fixed;\n  inset: 0;\n  animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n`;\n\nconst ContentArea = styled(RadixDialog.Content)<{ $reducePadding?: boolean }>`\n  background: ${({ theme }) => theme.click.dialog.color.background.default};\n  border-radius: ${({ theme }) => theme.click.dialog.radii.all};\n  padding-block: ${({ theme, $reducePadding = false }) =>\n    $reducePadding ? theme.sizes[4] : theme.click.dialog.space.y};\n  padding-inline: ${({ theme, $reducePadding = false }) =>\n    $reducePadding ? theme.sizes[4] : theme.click.dialog.space.x};\n  box-shadow: ${({ theme }) => theme.click.dialog.shadow.default};\n  border: 1px solid ${({ theme }) => theme.click.global.color.stroke.default};\n  width: 75%;\n  max-width: 670px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  max-height: 75%;\n  overflow: auto;\n  transform: translate(-50%, -50%);\n  animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  outline: none;\n\n  @media (max-width: ${({ theme }) => theme.breakpoint.sizes.sm}) {\n    max-height: 100%;\n    border-radius: 0;\n    width: 100%;\n  }\n`;\n\nconst TitleArea = styled.div<{ $onlyClose?: boolean }>`\n  display: flex;\n  justify-content: ${({ $onlyClose }) => ($onlyClose ? 'flex-end' : 'space-between')};\n  align-items: center;\n  min-height: ${({ theme }) => theme.sizes[9]}; // 32px\n`;\n\nconst Title = styled.h2`\n  font: ${({ theme }) => theme.click.dialog.typography.title.default};\n  padding: 0;\n  margin: 0;\n`;\n\nconst CloseButton = ({ onClose }: { onClose?: () => void }) => (\n  <RadixDialog.Close asChild>\n    <CrossButton onClick={onClose}>\n      <Icon\n        name=\"cross\"\n        size=\"lg\"\n      />\n    </CrossButton>\n  </RadixDialog.Close>\n);\n\nconst DialogContent = ({\n  title,\n  children,\n  showClose,\n  onClose,\n  forceMount,\n  container,\n  showOverlay = true,\n  reducePadding = false,\n  ...props\n}: DialogContentProps) => {\n  return (\n    <RadixDialog.Portal\n      forceMount={forceMount}\n      container={container}\n    >\n      {showOverlay && <DialogOverlay />}\n      <ContentArea\n        data-testid=\"click-dialog-contentarea\"\n        $reducePadding={reducePadding}\n        {...props}\n      >\n        {(title || showClose) && (\n          <>\n            <TitleArea $onlyClose={!!showClose && !title}>\n              {title && <Title data-testid=\"click-dialog-title\">{title}</Title>}\n              {showClose && (\n                <CloseButton\n                  data-testid=\"click-dialog-close\"\n                  onClose={onClose}\n                />\n              )}\n            </TitleArea>\n            <Spacer size=\"sm\" />\n          </>\n        )}\n\n        {children}\n      </ContentArea>\n    </RadixDialog.Portal>\n  );\n};\n\nDialogContent.displayName = 'DialogContent';\nDialog.Content = DialogContent;\n"],"names":["Dialog","children","props","Trigger","styled","RadixDialog","withConfig","componentId","DialogTrigger","asChild","displayName","DialogClose","label","type","Close","overlayShow","keyframes","opacity","contentShow","transform","DialogOverlay","Overlay","theme","click","dialog","color","opaqueBackground","default","ContentArea","Content","background","radii","all","$reducePadding","sizes","space","y","x","shadow","global","stroke","breakpoint","sm","TitleArea","div","$onlyClose","Title","h2","typography","title","CloseButton","onClose","Icon","DialogContent","showClose","forceMount","container","showOverlay","reducePadding"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as RadixDialog from '@radix-ui/react-dialog';\nimport { keyframes, styled } from 'styled-components';\nimport { Button, ButtonProps } from '@/components/Button';\nimport { Icon } from '@/components/Icon';\nimport { Spacer } from '@/components/Spacer';\nimport { CrossButton } from '@/components/CrossButton';\nimport { DialogContentProps, DialogProps, DialogTriggerProps } from './Dialog.types';\n\nexport const Dialog = ({ children, ...props }: DialogProps) => {\n  return <RadixDialog.Root {...props}>{children}</RadixDialog.Root>;\n};\n\n// Dialog Trigger\nconst Trigger = styled(RadixDialog.Trigger)`\n  width: fit-content;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n`;\n\nconst DialogTrigger = ({ children, asChild, ...props }: DialogTriggerProps) => {\n  if (asChild) {\n    // Pass all props to RadixDialog.Trigger, no styled wrapper\n    return (\n      <RadixDialog.Trigger\n        asChild\n        {...props}\n      >\n        {children}\n      </RadixDialog.Trigger>\n    );\n  }\n  // Use styled Trigger if not asChild\n  return <Trigger {...props}>{children}</Trigger>;\n};\n\nDialogTrigger.displayName = 'DialogTrigger';\nDialog.Trigger = DialogTrigger;\n\nconst DialogClose = ({ label = 'Close', type = 'secondary', ...props }: ButtonProps) => (\n  <RadixDialog.Close asChild>\n    <Button\n      type={type}\n      label={label}\n      {...props}\n    />\n  </RadixDialog.Close>\n);\n\nDialogClose.displayName = 'DialogClose';\nDialog.Close = DialogClose;\n\n// Dialog Content\nconst overlayShow = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 },\n});\n\nconst contentShow = keyframes({\n  '0%': { opacity: 0, transform: 'translate(-50%, -48%) scale(.96)' },\n  '100%': { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },\n});\n\nconst DialogOverlay = styled(RadixDialog.Overlay)`\n  background-color: ${({ theme }) => theme.click.dialog.color.opaqueBackground.default};\n  position: fixed;\n  inset: 0;\n  animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n`;\n\nconst ContentArea = styled(RadixDialog.Content)<{ $reducePadding?: boolean }>`\n  background: ${({ theme }) => theme.click.dialog.color.background.default};\n  border-radius: ${({ theme }) => theme.click.dialog.radii.all};\n  padding-block: ${({ theme, $reducePadding = false }) =>\n    $reducePadding ? theme.sizes[4] : theme.click.dialog.space.y};\n  padding-inline: ${({ theme, $reducePadding = false }) =>\n    $reducePadding ? theme.sizes[4] : theme.click.dialog.space.x};\n  box-shadow: ${({ theme }) => theme.click.dialog.shadow.default};\n  border: 1px solid ${({ theme }) => theme.click.global.color.stroke.default};\n  width: 75%;\n  max-width: 670px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  max-height: 75%;\n  overflow: auto;\n  transform: translate(-50%, -50%);\n  animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  outline: none;\n\n  @media (max-width: ${({ theme }) => theme.breakpoint.sizes.sm}) {\n    max-height: 100%;\n    border-radius: 0;\n    width: 100%;\n  }\n`;\n\nconst TitleArea = styled.div<{ $onlyClose?: boolean }>`\n  display: flex;\n  justify-content: ${({ $onlyClose }) => ($onlyClose ? 'flex-end' : 'space-between')};\n  align-items: center;\n  min-height: ${({ theme }) => theme.sizes[9]}; // 32px\n`;\n\nconst Title = styled(RadixDialog.Title)`\n  font: ${({ theme }) => theme.click.dialog.typography.title.default};\n  padding: 0;\n  margin: 0;\n`;\n\nconst Description = styled(RadixDialog.Description)`\n  font: ${({ theme }) => theme.click.dialog.typography.description.default};\n  color: ${({ theme }) => theme.click.dialog.color.description.default};\n  padding: 0;\n  margin: 0;\n`;\n\nconst CloseButton = ({ onClose }: { onClose?: () => void }) => (\n  <RadixDialog.Close asChild>\n    <CrossButton onClick={onClose}>\n      <Icon\n        name=\"cross\"\n        size=\"lg\"\n      />\n    </CrossButton>\n  </RadixDialog.Close>\n);\n\nconst DialogContent = ({\n  title,\n  description,\n  children,\n  showClose,\n  onClose,\n  forceMount,\n  container,\n  showOverlay = true,\n  reducePadding = false,\n  ...props\n}: DialogContentProps) => {\n  return (\n    <RadixDialog.Portal\n      forceMount={forceMount}\n      container={container}\n    >\n      {showOverlay && <DialogOverlay />}\n      <ContentArea\n        data-testid=\"click-dialog-contentarea\"\n        $reducePadding={reducePadding}\n        {...props}\n      >\n        {(title || showClose) && (\n          <>\n            <TitleArea $onlyClose={!!showClose && !title}>\n              {title && <Title data-testid=\"click-dialog-title\">{title}</Title>}\n              {showClose && (\n                <CloseButton\n                  data-testid=\"click-dialog-close\"\n                  onClose={onClose}\n                />\n              )}\n            </TitleArea>\n            <Spacer size=\"sm\" />\n          </>\n        )}\n        {description && <Description>{description}</Description>}\n        {children}\n      </ContentArea>\n    </RadixDialog.Portal>\n  );\n};\n\nDialogContent.displayName = 'DialogContent';\nDialog.Content = DialogContent;\n"],"names":["Dialog","children","props","Trigger","styled","RadixDialog","withConfig","componentId","DialogTrigger","asChild","displayName","DialogClose","label","type","Close","overlayShow","keyframes","opacity","contentShow","transform","DialogOverlay","Overlay","theme","click","dialog","color","opaqueBackground","default","ContentArea","Content","background","radii","all","$reducePadding","sizes","space","y","x","shadow","global","stroke","breakpoint","sm","TitleArea","div","$onlyClose","Title","typography","title","Description","description","CloseButton","onClose","Icon","DialogContent","showClose","forceMount","container","showOverlay","reducePadding"],"mappings":"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"}

package/dist/types/components/Assets/Flags/Mexico.d.ts

@@ -0,0 +1,3 @@
+import { SVGAssetProps } from '../../../types';
+declare const Mexico: (props: SVGAssetProps) => import("react/jsx-runtime").JSX.Element;
+export default Mexico;

package/dist/types/components/Assets/Flags/system/types.d.ts

@@ -1,7 +1,7 @@
 import { SVGAttributes } from 'react';
 import { AssetSize } from '../../../../types';
 import { ThemeName } from '../../../../theme/theme.types';
-export type FlagName = 'australia' | 'brazil' | 'canada' | 'european-union' | 'germany' | 'great-britain' | 'hong-kong' | 'india' | 'indonesia' | 'ireland' | 'israel' | 'japan' | 'netherlands' | 'singapore' | 'south-africa' | 'south-korea' | 'sweden' | 'switzerland' | 'united-arab-emirates' | 'united-kingdom' | 'united-states';
+export type FlagName = 'australia' | 'brazil' | 'canada' | 'european-union' | 'germany' | 'great-britain' | 'hong-kong' | 'india' | 'indonesia' | 'ireland' | 'israel' | 'japan' | 'mexico' | 'netherlands' | 'singapore' | 'south-africa' | 'south-korea' | 'sweden' | 'switzerland' | 'united-arab-emirates' | 'united-kingdom' | 'united-states';
 export interface FlagProps extends SVGAttributes<SVGElement> {
     name: FlagName;
     theme?: ThemeName;

package/dist/types/components/Dialog/Dialog.d.ts

@@ -11,7 +11,7 @@ export declare const Dialog: {
         displayName: string;
     };
     Content: {
-        ({ title, children, showClose, onClose, forceMount, container, showOverlay, reducePadding, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+        ({ title, description, children, showClose, onClose, forceMount, container, showOverlay, reducePadding, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/types/components/Dialog/Dialog.types.d.ts

@@ -13,6 +13,7 @@ export interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'butt
 }
 export interface DialogContentProps extends RadixDialog.DialogContentProps {
     children: ReactNode;
+    description?: string;
     showClose?: boolean;
     forceMount?: true;
     container?: HTMLElement | null;

package/package.json

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