@clickhouse/click-ui 0.6.2-rc3 → 0.8.0

package/dist/esm/components/FileUpload/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sources":["../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { styled, css } from 'styled-components';\nimport { Text } from '@/components/Text';\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { ProgressBar } from '@/components/ProgressBar';\nimport { MiddleTruncator } from '@/components/MiddleTruncator';\nimport { formatFileSize } from '@/utils/file';\n\nexport interface FileUploadItemProps {\n  fileName: string;\n  fileSize: number;\n  progress?: number;\n  showSuccess?: boolean;\n  showProgress?: boolean;\n  failureMessage?: string;\n  onRetry?: () => void;\n  onRemove?: () => void;\n  size?: 'sm' | 'md';\n  inline?: boolean;\n}\n\nconst FileItemContainer = styled.div<{\n  $isError?: boolean;\n  $inline?: boolean;\n  $size?: 'sm' | 'md';\n}>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: ${({ theme }) => theme.click.fileUpload.sm.space.gap};\n  flex: 1;\n  min-width: 0;\n\n  ${props =>\n    !props.$inline &&\n    css`\n      background-color: ${({ theme }) => theme.click.fileUpload.color.background.default};\n      border: ${({ theme }) =>\n        `1px solid ${theme.click.fileUpload.color.stroke.default}`};\n      border-radius: ${({ theme }) => theme.click.fileUpload.sm.radii.all};\n      padding: ${({ theme }) =>\n        `${theme.click.fileUpload.sm.space.y} ${theme.click.fileUpload.sm.space.x}`};\n\n      ${props.$isError &&\n      css`\n        background-color: ${({ theme }) => theme.click.fileUpload.color.background.error};\n        border-color: transparent;\n      `}\n    `}\n`;\n\nconst DocumentIcon = styled(Icon)<{ $size?: 'sm' | 'md' }>`\n  svg {\n    width: ${({ theme, $size }) =>\n      $size === 'sm'\n        ? theme.click.fileUpload.sm.icon.size.width\n        : theme.click.fileUpload.md.icon.size.width};\n    height: ${({ theme, $size }) =>\n      $size === 'sm'\n        ? theme.click.fileUpload.sm.icon.size.height\n        : theme.click.fileUpload.md.icon.size.height};\n    color: ${({ theme, $size }) =>\n      $size === 'sm'\n        ? theme.click.fileUpload.sm.color.icon.default\n        : theme.click.fileUpload.md.color.icon.default};\n  }\n`;\n\nconst FileUploadDescription = styled(Text)<{ $isError?: boolean }>`\n  font: ${({ theme }) => theme.click.fileUpload.typography.description.default};\n  color: ${({ theme, $isError }) =>\n    $isError\n      ? theme.click.fileUpload.color.title.error\n      : theme.click.fileUpload.color.description.default};\n`;\n\nconst FileDetails = styled.div`\n  display: flex;\n  gap: ${({ theme }) => theme.click.fileUpload.md.space.gap};\n  border: none;\n  min-width: 0;\n`;\n\nconst FileActions = styled.div`\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  gap: 0;\n`;\n\nconst FileContentContainer = styled.div<{ $size: 'sm' | 'md' }>`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: ${({ $size }) => ($size === 'sm' ? '24px' : 'auto')};\n  min-width: 0;\n`;\n\nconst ProgressBarWrapper = styled.div`\n  margin-top: ${({ theme }) => theme.click.fileUpload.md.space.gap};\n  margin-bottom: 9px;\n`;\n\nexport const FileUploadItem: FC<FileUploadItemProps> = ({\n  fileName,\n  fileSize,\n  progress = 0,\n  showSuccess = false,\n  showProgress = false,\n  failureMessage = 'Upload failed',\n  onRetry,\n  onRemove,\n  size = 'sm',\n  inline = false,\n}) => {\n  const isError = !showSuccess && !showProgress;\n\n  return (\n    <FileItemContainer\n      $isError={isError}\n      $inline={inline}\n      $size={size}\n    >\n      {showSuccess ? (\n        <Icon\n          size={'xs'}\n          state={'success'}\n          name={'check'}\n        />\n      ) : (\n        <DocumentIcon\n          name={'document'}\n          $size={size}\n        />\n      )}\n\n      <FileContentContainer $size={size}>\n        <FileDetails>\n          <MiddleTruncator text={fileName} />\n          {showProgress && !showSuccess && (\n            <FileUploadDescription>{progress}%</FileUploadDescription>\n          )}\n        </FileDetails>\n\n        {isError && (\n          <FileUploadDescription $isError>{failureMessage}</FileUploadDescription>\n        )}\n\n        {showProgress && !showSuccess && (\n          <ProgressBarWrapper>\n            <ProgressBar\n              progress={progress}\n              type={'small'}\n            />\n          </ProgressBarWrapper>\n        )}\n\n        {showSuccess && (\n          <FileUploadDescription>{formatFileSize(fileSize)}</FileUploadDescription>\n        )}\n      </FileContentContainer>\n\n      <FileActions>\n        {isError && onRetry && (\n          <IconButton\n            size={'sm'}\n            icon={'refresh'}\n            type={'ghost'}\n            onClick={onRetry}\n          />\n        )}\n        {onRemove && (\n          <IconButton\n            size={'sm'}\n            icon={'cross'}\n            type={'ghost'}\n            onClick={onRemove}\n          />\n        )}\n      </FileActions>\n    </FileItemContainer>\n  );\n};\n"],"names":["FileItemContainer","styled","div","withConfig","componentId","theme","click","fileUpload","sm","space","gap","props","$inline","css","color","background","default","stroke","radii","all","y","x","$isError","error","DocumentIcon","Icon","$size","icon","size","width","md","height","FileUploadDescription","Text","typography","description","title","FileDetails","FileActions","FileContentContainer","ProgressBarWrapper","FileUploadItem","fileName","fileSize","progress","showSuccess","showProgress","failureMessage","onRetry","onRemove","inline","isError","formatFileSize"],"mappings":";;;;;;;;;AAsBA,MAAMA,iBAAAA,GAAoBC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,EAAA,CAAA,uFAAA,EAAA,sBAAA,EAAA,EAAA,GAS3B,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAMA,MAAMC,KAAAA,CAAMC,UAAAA,CAAWC,GAAGC,KAAAA,CAAMC,GAAAA,EAIpDC,WACA,CAACA,KAAAA,CAAMC,WACPC,GAAAA,CAAG,CAAA,qBAAA,UAAA,EAAA,iBAAA,EAAA,aAAA,GAAA,EAAA,EAAA,GACmB,CAAC;AAAA,EAAER;AAAM,CAAA,KAAMA,MAAMC,KAAAA,CAAMC,UAAAA,CAAWO,KAAAA,CAAMC,UAAAA,CAAWC,SACjE,CAAC;AAAA,EAAEX;AAAM,CAAA,KACjB,CAAA,UAAA,EAAaA,MAAMC,KAAAA,CAAMC,UAAAA,CAAWO,MAAMG,MAAAA,CAAOD,OAAO,IACzC,CAAC;AAAA,EAAEX;AAAM,CAAA,KAAMA,MAAMC,KAAAA,CAAMC,UAAAA,CAAWC,EAAAA,CAAGU,KAAAA,CAAMC,KACrD,CAAC;AAAA,EAAEd;AAAM,CAAA,KAClB,CAAA,EAAGA,MAAMC,KAAAA,CAAMC,UAAAA,CAAWC,GAAGC,KAAAA,CAAMW,CAAC,CAAA,CAAA,EAAIf,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWC,GAAGC,KAAAA,CAAMY,CAAC,IAEzEV,KAAAA,CAAMW,QAAAA,IACRT,yDACsB,CAAC;AAAA,EAAER;AAAM,CAAA,KAAMA,MAAMC,KAAAA,CAAMC,UAAAA,CAAWO,MAAMC,UAAAA,CAAWQ,KAAK,CAEjF,CACF,CAAA;AAGL,MAAMC,YAAAA,GAAevB,MAAAA,CAAOwB,QAAI,CAAA,CAACtB,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,EAAA,CAAA,YAAA,EAAA,YAAA,SAAA,EAAA,IAAA,GAEpB,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOqB;AAAM,CAAA,KACvBA,UAAU,IAAA,GACNrB,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWC,GAAGmB,IAAAA,CAAKC,IAAAA,CAAKC,KAAAA,GACpCxB,KAAAA,CAAMC,MAAMC,UAAAA,CAAWuB,EAAAA,CAAGH,IAAAA,CAAKC,IAAAA,CAAKC,OAChC,CAAC;AAAA,EAAExB,KAAAA;AAAAA,EAAOqB;AAAM,CAAA,KACxBA,UAAU,IAAA,GACNrB,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWC,GAAGmB,IAAAA,CAAKC,IAAAA,CAAKG,MAAAA,GACpC1B,KAAAA,CAAMC,MAAMC,UAAAA,CAAWuB,EAAAA,CAAGH,IAAAA,CAAKC,IAAAA,CAAKG,QACjC,CAAC;AAAA,EAAE1B,KAAAA;AAAAA,EAAOqB;AAAM,CAAA,KACvBA,KAAAA,KAAU,IAAA,GACNrB,KAAAA,CAAMC,KAAAA,CAAMC,WAAWC,EAAAA,CAAGM,KAAAA,CAAMa,IAAAA,CAAKX,OAAAA,GACrCX,MAAMC,KAAAA,CAAMC,UAAAA,CAAWuB,EAAAA,CAAGhB,KAAAA,CAAMa,KAAKX,OAAO,CAAA;AAItD,MAAMgB,qBAAAA,GAAwB/B,MAAAA,CAAOgC,IAAI,CAAA,CAAC9B,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,GAAA,GAChC,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAMA,MAAMC,KAAAA,CAAMC,UAAAA,CAAW2B,UAAAA,CAAWC,WAAAA,CAAYnB,SAC5D,CAAC;AAAA,EAAEX,KAAAA;AAAAA,EAAOiB;AAAS,CAAA,KAC1BA,QAAAA,GACIjB,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWO,KAAAA,CAAMsB,KAAAA,CAAMb,KAAAA,GACnClB,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWO,KAAAA,CAAMqB,WAAAA,CAAYnB,OAAO,CAAA;AAGxD,MAAMqB,WAAAA,GAAcpC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,2BAAA,GAErB,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAMA,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWuB,EAAAA,CAAGrB,MAAMC,GAAG,CAAA;AAK3D,MAAM4B,WAAAA,GAAcrC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yDAAA,CAAA,CAAA;AAO9B,MAAMmC,oBAAAA,GAAuBtC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,8EAAA,EAAA,eAAA,GAKvB,CAAC;AAAA,EAAEsB;AAAM,CAAA,KAAOA,KAAAA,KAAU,IAAA,GAAO,MAAA,GAAS,MAAO,CAAA;AAIjE,MAAMc,kBAAAA,GAAqBvC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,aAAA,EAAA,qBAAA,GACrB,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAMA,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWuB,EAAAA,CAAGrB,MAAMC,GAAG,CAAA;AAI3D,MAAM+B,iBAA0CA,CAAC;AAAA,EACtDC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,QAAAA,GAAW,CAAA;AAAA,EACXC,WAAAA,GAAc,KAAA;AAAA,EACdC,YAAAA,GAAe,KAAA;AAAA,EACfC,cAAAA,GAAiB,eAAA;AAAA,EACjBC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACArB,IAAAA,GAAO,IAAA;AAAA,EACPsB,MAAAA,GAAS;AACX,CAAA,KAAM;AACJ,EAAA,MAAMC,OAAAA,GAAU,CAACN,WAAAA,IAAe,CAACC,YAAAA;AAEjC,EAAA,4BACG,iBAAA,EAAA,EACC,QAAA,EAAUK,SACV,OAAA,EAASD,MAAAA,EACT,OAAOtB,IAAAA,EAENiB,QAAAA,EAAAA;AAAAA,IAAAA,WAAAA,mBACC,GAAA,CAACpB,QAAA,EAAA,EACC,IAAA,EAAM,IAAA,EACN,OAAO,SAAA,EACP,IAAA,EAAM,OAAA,EAAQ,CAAA,mBAGhB,GAAA,CAAC,YAAA,EAAA,EACC,IAAA,EAAM,UAAA,EACN,OAAOG,IAAAA,EAAK,CAAA;AAAA,oBAIhB,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAOA,IAAAA,EAC3B,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,MAAMc,QAAAA,EAAS,CAAA;AAAA,QAC/BI,YAAAA,IAAgB,CAACD,WAAAA,oBAChB,IAAA,CAAC,qBAAA,EAAA,EAAuBD,QAAAA,EAAAA;AAAAA,UAAAA,QAAAA;AAAAA,UAAS;AAAA,SAAA,EAAC;AAAA,OAAA,EAEtC,CAAA;AAAA,MAECO,OAAAA,oBACC,GAAA,CAAC,qBAAA,EAAA,EAAsB,QAAA,EAAQ,MAAEJ,QAAAA,EAAAA,cAAAA,EAAe,CAAA;AAAA,MAGjDD,YAAAA,IAAgB,CAACD,WAAAA,oBAChB,GAAA,CAAC,kBAAA,EAAA,EACC,8BAAC,WAAA,EAAA,EACC,QAAA,EACA,IAAA,EAAM,OAAA,EAAQ,CAAA,EAElB,CAAA;AAAA,MAGDA,WAAAA,oBACC,GAAA,CAAC,qBAAA,EAAA,EAAuBO,QAAAA,EAAAA,cAAAA,CAAeT,QAAQ,CAAA,EAAE;AAAA,KAAA,EAErD,CAAA;AAAA,yBAEC,WAAA,EAAA,EACEQ,QAAAA,EAAAA;AAAAA,MAAAA,OAAAA,IAAWH,OAAAA,oBACV,GAAA,CAAC,UAAA,EAAA,EACC,IAAA,EAAM,IAAA,EACN,MAAM,SAAA,EACN,IAAA,EAAM,OAAA,EACN,OAAA,EAASA,OAAAA,EAAQ,CAAA;AAAA,MAGpBC,QAAAA,oBACC,GAAA,CAAC,UAAA,EAAA,EACC,IAAA,EAAM,IAAA,EACN,MAAM,OAAA,EACN,IAAA,EAAM,OAAA,EACN,OAAA,EAASA,QAAAA,EAAS;AAAA,KAAA,EAGxB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FileUploadItem.js","sources":["../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { Text } from '@/components/Text';\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { ProgressBar } from '@/components/ProgressBar';\nimport { MiddleTruncator } from '@/components/MiddleTruncator';\nimport { formatFileSize } from '@/utils/file';\nimport styles from './FileUploadItem.module.css';\n\nexport interface FileUploadItemProps {\n  fileName: string;\n  fileSize: number;\n  progress?: number;\n  showSuccess?: boolean;\n  showProgress?: boolean;\n  failureMessage?: string;\n  onRetry?: () => void;\n  onRemove?: () => void;\n  size?: 'sm' | 'md';\n  inline?: boolean;\n}\n\nconst fileItemContainerVariants = cva(styles['file-item-container'], {\n  variants: {\n    inline: {\n      false: styles['file-item-container_inline_false'],\n    },\n    error: {\n      true: styles['file-item-container_error_true'],\n    },\n  },\n});\n\nconst documentIconVariants = cva(styles['document-icon'], {\n  variants: {\n    size: {\n      sm: styles['document-icon_size_sm'],\n      md: styles['document-icon_size_md'],\n    },\n  },\n});\n\nconst descriptionVariants = cva(styles.description, {\n  variants: {\n    error: {\n      true: styles['description_error_true'],\n    },\n  },\n});\n\nconst fileContentContainerVariants = cva(styles['file-content-container'], {\n  variants: {\n    size: {\n      sm: styles['file-content-container_size_sm'],\n      md: styles['file-content-container_size_md'],\n    },\n  },\n});\n\nexport const FileUploadItem: FC<FileUploadItemProps> = ({\n  fileName,\n  fileSize,\n  progress = 0,\n  showSuccess = false,\n  showProgress = false,\n  failureMessage = 'Upload failed',\n  onRetry,\n  onRemove,\n  size = 'sm',\n  inline = false,\n}) => {\n  const isError = !showSuccess && !showProgress;\n\n  return (\n    <div\n      className={cn(\n        fileItemContainerVariants({\n          inline: inline ? undefined : false,\n          error: !inline && isError,\n        })\n      )}\n    >\n      {showSuccess ? (\n        <Icon\n          size={'xs'}\n          state={'success'}\n          name={'check'}\n        />\n      ) : (\n        <Icon\n          name={'document'}\n          className={cn(documentIconVariants({ size }))}\n        />\n      )}\n\n      <div className={cn(fileContentContainerVariants({ size }))}>\n        <div className={styles['file-details']}>\n          <MiddleTruncator text={fileName} />\n          {showProgress && !showSuccess && (\n            <Text className={styles.description}>{progress}%</Text>\n          )}\n        </div>\n\n        {isError && (\n          <Text className={cn(descriptionVariants({ error: true }))}>\n            {failureMessage}\n          </Text>\n        )}\n\n        {showProgress && !showSuccess && (\n          <div className={styles['progress-bar-wrapper']}>\n            <ProgressBar\n              progress={progress}\n              type={'small'}\n            />\n          </div>\n        )}\n\n        {showSuccess && (\n          <Text className={styles.description}>{formatFileSize(fileSize)}</Text>\n        )}\n      </div>\n\n      <div className={styles['file-actions']}>\n        {isError && onRetry && (\n          <IconButton\n            size={'sm'}\n            icon={'refresh'}\n            type={'ghost'}\n            onClick={onRetry}\n          />\n        )}\n        {onRemove && (\n          <IconButton\n            size={'sm'}\n            icon={'cross'}\n            type={'ghost'}\n            onClick={onRemove}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["fileItemContainerVariants","cva","styles","variants","inline","false","error","true","documentIconVariants","size","sm","md","descriptionVariants","description","fileContentContainerVariants","FileUploadItem","fileName","fileSize","progress","showSuccess","showProgress","failureMessage","onRetry","onRemove","isError","cn","undefined","Icon","formatFileSize"],"mappings":"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"}

package/dist/esm/components/FileUpload/FileUploadItem.module.css.js

@@ -0,0 +1,21 @@
+const description = "description__sjgXO";
+const description_error_true = "description_error_true__wbkov";
+const styles = {
+	"file-item-container": "file-item-container__86J-i",
+	"file-item-container_inline_false": "file-item-container_inline_false__QqJXZ",
+	"file-item-container_error_true": "file-item-container_error_true__uRfbn",
+	"document-icon": "document-icon__CX1O5",
+	"document-icon_size_sm": "document-icon_size_sm__sEIPl",
+	"document-icon_size_md": "document-icon_size_md__dqfzB",
+	description: description,
+	description_error_true: description_error_true,
+	"file-details": "file-details__aAMdx",
+	"file-actions": "file-actions__OUaMv",
+	"file-content-container": "file-content-container__40JkR",
+	"file-content-container_size_sm": "file-content-container_size_sm__8od-v",
+	"file-content-container_size_md": "file-content-container_size_md__U6Hwr",
+	"progress-bar-wrapper": "progress-bar-wrapper__q0i9x"
+};
+
+export { styles as default, description, description_error_true };
+//# sourceMappingURL=FileUploadItem.module.css.js.map

package/dist/esm/components/FileUpload/FileUploadItem.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadItem.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Flyout/Flyout.css

@@ -0,0 +1,231 @@
+@keyframes flyout-animation-width__LabkI {
+  from {
+    width: 0;
+  }
+
+  to {
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
+       is the original animation target width */
+    width: fit-content;
+  }
+}
+
+.content__fwsoV {
+  display: flex;
+  top: 0;
+  bottom: 0;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
+     is the original sizing keyword; the animation expands width to fit-content */
+  width: fit-content;
+  max-width: 100%;
+  overflow: hidden;
+  flex-direction: column;
+  align-items: center;
+  gap: 0;
+  background: var(--click-flyout-color-background-default);
+  animation: flyout-animation-width__LabkI 500ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+.content_align_start__bXW3C {
+  left: 0;
+  border-right: 1px solid var(--click-flyout-color-stroke-default);
+  box-shadow: var(--click-flyout-shadow-reverse);
+}
+
+.content_align_end__zF1Qd {
+  right: 0;
+  border-left: 1px solid var(--click-flyout-color-stroke-default);
+  box-shadow: var(--click-flyout-shadow-default);
+}
+
+.content_no-shadow__jiMRV {
+  box-shadow: none;
+}
+
+.content_type_default__F2-WU {
+  padding: 0 var(--click-flyout-space-default-x);
+}
+
+.content_type_inline__mKVTA {
+  padding: 0 var(--click-flyout-space-inline-x);
+}
+
+.content_strategy_relative__KVF6H {
+  position: relative;
+  height: 100%;
+}
+
+.content_strategy_absolute__6z1Tg {
+  position: absolute;
+  height: auto;
+}
+
+.content_strategy_fixed__Dtihd {
+  position: fixed;
+  height: auto;
+}
+
+/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+   required for browser compatibility per .browserslistrc */
+@media (max-width: 1024px) {
+  .content__fwsoV {
+    overflow: hidden;
+    transition: 0.3s ease-in-out;
+  }
+
+  .content_strategy_relative__KVF6H {
+    position: absolute !important;
+  }
+
+  .content_align_start__bXW3C {
+    transform: translateX(calc(50px - 100%));
+  }
+
+  .content_align_end__zF1Qd {
+    transform: translateX(calc(100% - 50px));
+  }
+
+  .content_align_start__bXW3C:hover,
+  .content_align_start__bXW3C.active__VBaS3,
+  .content_align_start__bXW3C:focus-within {
+    right: auto;
+    transform: translateX(0);
+  }
+
+  .content_align_end__zF1Qd:hover,
+  .content_align_end__zF1Qd.active__VBaS3,
+  .content_align_end__zF1Qd:focus-within {
+    left: auto;
+    transform: translateX(0);
+  }
+}
+
+.container__QQcvn {
+  display: flex;
+  width: var(--flyout-width);
+  max-width: 100%;
+  gap: inherit;
+  flex-flow: column nowrap;
+}
+
+.element__vbaHR {
+  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original
+     used this same max-width fallback chain (100% → -webkit-fill-available →
+     fill-available → stretch) so the element fills the available inline space. */
+  max-width: 100%;
+  max-width: -webkit-fill-available;
+  max-width: fill-available;
+  max-width: stretch;
+  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
+}
+
+/* Doubled class: this element renders as a <Container>, whose base class also
+   sets `padding`/`gap`. Doubling outranks the single-class Container base so the
+   Flyout override wins regardless of CSS-module bundle order (matches the
+   styled(Container) override semantics). */
+.element_type_default__gEAPS.element_type_default__gEAPS {
+  padding: 0 var(--click-flyout-space-default-content-x);
+  gap: var(--click-flyout-space-default-gap);
+}
+
+.element_type_inline__3AK66.element_type_inline__3AK66 {
+  padding: 0 var(--click-flyout-space-inline-content-x);
+  gap: var(--click-flyout-space-inline-gap);
+}
+
+/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
+.header__xoWbL {
+}
+
+.header_type_default__jnnp8.header_type_default__jnnp8 {
+  padding: var(--click-flyout-space-default-y) var(--click-flyout-space-default-y)
+    0 var(--click-flyout-space-default-y);
+  gap: var(--click-flyout-space-default-content-row-gap)
+    var(--click-flyout-space-default-content-column-gap);
+}
+
+.header_type_inline__ZwZwK.header_type_inline__ZwZwK {
+  padding: var(--click-flyout-space-inline-y) var(--click-flyout-space-inline-y) 0
+    var(--click-flyout-space-inline-y);
+  gap: var(--click-flyout-space-inline-content-row-gap)
+    var(--click-flyout-space-inline-content-column-gap);
+}
+
+.title__XWfvS {
+  margin: 0;
+  padding: 0;
+  color: var(--click-flyout-color-title-default);
+}
+
+.title_type_default__RKLIT {
+  font: var(--click-flyout-typography-default-title-default);
+}
+
+.title_type_inline__Gfz6L {
+  font: var(--click-flyout-typography-inline-title-default);
+}
+
+.description__RQLMp {
+  margin: 0;
+  padding: 0;
+  color: var(--click-flyout-color-description-default);
+}
+
+.description_type_default__-M3Et {
+  font: var(--click-flyout-typography-default-description-default);
+}
+
+.description_type_inline__1lim3 {
+  font: var(--click-flyout-typography-inline-description-default);
+}
+
+/* Doubled class: renders as a <Container> whose base sets `width`. */
+.body__aKC9P.body__aKC9P {
+  width: var(--flyout-width);
+  max-width: 100%;
+}
+
+.body_align_default__u0bH8.body_align_default__u0bH8 {
+  margin-top: 0;
+}
+
+.body_align_top__cSSni.body_align_top__cSSni {
+  margin-top: -1rem;
+}
+
+/* Doubled class: renders as a <Container> whose base sets `width`. */
+.footer-container__bzuJr.footer-container__bzuJr {
+  width: var(--flyout-width);
+  max-width: 100%;
+}
+
+/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
+.footer__EGRZo {
+}
+
+.footer_type_default__Fx8Bs.footer_type_default__Fx8Bs {
+  padding: var(--click-flyout-space-default-y) var(--click-flyout-space-default-content-x);
+  gap: var(--click-flyout-space-default-content-row-gap)
+    var(--click-flyout-space-default-content-column-gap);
+}
+
+.footer_type_inline__2Xmxa.footer_type_inline__2Xmxa {
+  padding: var(--click-flyout-space-inline-y) var(--click-flyout-space-inline-content-x);
+  gap: var(--click-flyout-space-inline-content-row-gap)
+    var(--click-flyout-space-inline-content-column-gap);
+}
+
+.code-block__Rb7dS {
+  display: flex;
+  height: 100%;
+}
+
+.code-block__Rb7dS pre {
+  flex: 1;
+  overflow-wrap: break-word;
+}
+
+.code-block__Rb7dS pre code {
+  display: inline-block;
+  max-width: calc(100% - 1rem);
+}

package/dist/esm/components/Flyout/Flyout.module.css.js

@@ -0,0 +1,62 @@
+const content = "content__fwsoV";
+const content_align_start = "content_align_start__bXW3C";
+const content_align_end = "content_align_end__zF1Qd";
+const content_type_default = "content_type_default__F2-WU";
+const content_type_inline = "content_type_inline__mKVTA";
+const content_strategy_relative = "content_strategy_relative__KVF6H";
+const content_strategy_absolute = "content_strategy_absolute__6z1Tg";
+const content_strategy_fixed = "content_strategy_fixed__Dtihd";
+const container = "container__QQcvn";
+const element = "element__vbaHR";
+const element_type_default = "element_type_default__gEAPS";
+const element_type_inline = "element_type_inline__3AK66";
+const header = "header__xoWbL";
+const header_type_default = "header_type_default__jnnp8";
+const header_type_inline = "header_type_inline__ZwZwK";
+const title = "title__XWfvS";
+const title_type_default = "title_type_default__RKLIT";
+const title_type_inline = "title_type_inline__Gfz6L";
+const description = "description__RQLMp";
+const description_type_default = "description_type_default__-M3Et";
+const description_type_inline = "description_type_inline__1lim3";
+const body = "body__aKC9P";
+const body_align_default = "body_align_default__u0bH8";
+const body_align_top = "body_align_top__cSSni";
+const footer = "footer__EGRZo";
+const footer_type_default = "footer_type_default__Fx8Bs";
+const footer_type_inline = "footer_type_inline__2Xmxa";
+const styles = {
+	content: content,
+	content_align_start: content_align_start,
+	content_align_end: content_align_end,
+	"content_no-shadow": "content_no-shadow__jiMRV",
+	content_type_default: content_type_default,
+	content_type_inline: content_type_inline,
+	content_strategy_relative: content_strategy_relative,
+	content_strategy_absolute: content_strategy_absolute,
+	content_strategy_fixed: content_strategy_fixed,
+	container: container,
+	element: element,
+	element_type_default: element_type_default,
+	element_type_inline: element_type_inline,
+	header: header,
+	header_type_default: header_type_default,
+	header_type_inline: header_type_inline,
+	title: title,
+	title_type_default: title_type_default,
+	title_type_inline: title_type_inline,
+	description: description,
+	description_type_default: description_type_default,
+	description_type_inline: description_type_inline,
+	body: body,
+	body_align_default: body_align_default,
+	body_align_top: body_align_top,
+	"footer-container": "footer-container__bzuJr",
+	footer: footer,
+	footer_type_default: footer_type_default,
+	footer_type_inline: footer_type_inline,
+	"code-block": "code-block__Rb7dS"
+};
+
+export { body, body_align_default, body_align_top, container, content, content_align_end, content_align_start, content_strategy_absolute, content_strategy_fixed, content_strategy_relative, content_type_default, content_type_inline, styles as default, description, description_type_default, description_type_inline, element, element_type_default, element_type_inline, footer, footer_type_default, footer_type_inline, header, header_type_default, header_type_inline, title, title_type_default, title_type_inline };
+//# sourceMappingURL=Flyout.module.css.js.map

package/dist/esm/components/Flyout/Flyout.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flyout.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}