@clickhouse/click-ui 0.8.0 → 0.10.0-rc1

package/dist/cjs/components/ContextMenu/index.cjs

@@ -37,13 +37,25 @@ function _interopNamespace(e) {
 const RightMenu__namespace = /*#__PURE__*/_interopNamespace(RightMenu);
 
 const ContextMenu = (props) => /* @__PURE__ */ jsxRuntime.jsx(RightMenu__namespace.Root, { ...props });
-const ContextMenuTrigger = react.forwardRef(({
-  disabled,
-  className,
-  ...props
-}, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RightMenu__namespace.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...props, className: cva.cn(ContextMenu_module.default.trigger, className) }) });
-});
+const ContextMenuTrigger = react.forwardRef(
+  ({ disabled, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RightMenu__namespace.Trigger,
+      {
+        asChild: true,
+        disabled,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref,
+            ...props,
+            className: cva.cn(ContextMenu_module.default.trigger, className)
+          }
+        )
+      }
+    );
+  }
+);
 ContextMenuTrigger.displayName = "ContextMenuTrigger";
 ContextMenu.Trigger = ContextMenuTrigger;
 const ContextMenuSubTrigger = ({
@@ -52,10 +64,24 @@ const ContextMenuSubTrigger = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(GenericMenu.GenericMenuItem, { as: RightMenu__namespace.SubTrigger, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dropdown-arrow", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "chevron-right" }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    GenericMenu.GenericMenuItem,
+    {
+      as: RightMenu__namespace.SubTrigger,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconWrapper.IconWrapper,
+          {
+            icon,
+            iconDir,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dropdown-arrow", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "chevron-right" }) })
+      ]
+    }
+  );
 };
 ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
 ContextMenu.SubTrigger = ContextMenuSubTrigger;
@@ -74,9 +100,15 @@ const _RightMenuContent = ({
   showArrow,
   className,
   ...props
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(GenericMenu.GenericMenuPanel, { ref, showArrow, ...props, className: cva.cn(rightMenuContentVariants({
-  showArrow
-}), className) });
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  GenericMenu.GenericMenuPanel,
+  {
+    ref,
+    showArrow,
+    ...props,
+    className: cva.cn(rightMenuContentVariants({ showArrow }), className)
+  }
+);
 const RightMenuContent = react.forwardRef(_RightMenuContent);
 const ContextMenuContent = ({
   sub,
@@ -93,24 +125,44 @@ const ContextMenuContent = ({
   const ContentElement = sub ? RightMenu__namespace.SubContent : RightMenu__namespace.Content;
   const inputModalityProps = useInputModality.useInputModality();
   const portalContainer = PortalContext.useResolvedPortalContainer(container);
-  return /* @__PURE__ */ jsxRuntime.jsx(RightMenu__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(RightMenuContent, { ...props, type: "context-menu", showArrow, as: ContentElement, ...inputModalityProps, children: [
-    showArrow && /* @__PURE__ */ jsxRuntime.jsx(GenericMenu.Arrow, { asChild: true, as: RightMenu__namespace.Arrow, width: 20, height: 10, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverArrow.default, { className: "popover-arrow" }) }),
-    children
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RightMenu__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    RightMenuContent,
+    {
+      ...props,
+      type: "context-menu",
+      showArrow,
+      as: ContentElement,
+      ...inputModalityProps,
+      children: [
+        showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+          GenericMenu.Arrow,
+          {
+            asChild: true,
+            as: RightMenu__namespace.Arrow,
+            width: 20,
+            height: 10,
+            children: /* @__PURE__ */ jsxRuntime.jsx(PopoverArrow.default, { className: "popover-arrow" })
+          }
+        ),
+        children
+      ]
+    }
+  ) });
 };
 ContextMenuContent.displayName = "ContextMenuContent";
 ContextMenu.Content = ContextMenuContent;
-const ContextMenuGroup = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RightMenu__namespace.Group, { ...props, className: cva.cn(ContextMenu_module.default.group, className) });
+const ContextMenuGroup = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RightMenu__namespace.Group,
+    {
+      ...props,
+      className: cva.cn(ContextMenu_module.default.group, className)
+    }
+  );
 };
 ContextMenuGroup.displayName = "ContextMenuGroup";
 ContextMenu.Group = ContextMenuGroup;
-const ContextMenuSub = ({
-  ...props
-}) => {
+const ContextMenuSub = ({ ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(RightMenu__namespace.Sub, { ...props });
 };
 ContextMenuSub.displayName = "ContextMenuSub";
@@ -122,7 +174,22 @@ const ContextMenuItem = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(GenericMenu.GenericMenuItem, { as: RightMenu__namespace.Item, type, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GenericMenu.GenericMenuItem,
+    {
+      as: RightMenu__namespace.Item,
+      type,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        IconWrapper.IconWrapper,
+        {
+          icon,
+          iconDir,
+          children
+        }
+      )
+    }
+  );
 };
 ContextMenuItem.displayName = "ContextMenuItem";
 ContextMenu.Item = ContextMenuItem;

package/dist/cjs/components/ContextMenu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import * as RightMenu from '@radix-ui/react-context-menu';\nimport {\n  ComponentProps,\n  ComponentPropsWithRef,\n  ElementType,\n  ReactNode,\n  forwardRef,\n} from 'react';\nimport type { HorizontalDirection } from '@/types';\nimport { Icon } from '@/components/Icon';\nimport type { IconName } from '@/components/Icon';\nimport { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu';\nimport { cn, cva } from '@/lib/cva';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\nimport { IconWrapper } from '@/components/IconWrapper/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport styles from './ContextMenu.module.css';\n\nexport const ContextMenu = (props: RightMenu.ContextMenuProps) => (\n  <RightMenu.Root {...props} />\n);\n\nconst ContextMenuTrigger = forwardRef<HTMLDivElement, RightMenu.ContextMenuTriggerProps>(\n  ({ disabled, className, ...props }, ref) => {\n    return (\n      <RightMenu.Trigger\n        asChild\n        disabled={disabled}\n      >\n        <div\n          ref={ref}\n          {...props}\n          className={cn(styles.trigger, className)}\n        />\n      </RightMenu.Trigger>\n    );\n  }\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\nContextMenu.Trigger = ContextMenuTrigger;\n\ninterface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {\n  icon?: IconName;\n  iconDir?: HorizontalDirection;\n}\nconst ContextMenuSubTrigger = ({\n  icon,\n  iconDir,\n  children,\n  ...props\n}: ContextMenuSubTriggerProps) => {\n  return (\n    <GenericMenuItem\n      as={RightMenu.SubTrigger}\n      {...props}\n    >\n      <IconWrapper\n        icon={icon}\n        iconDir={iconDir}\n      >\n        {children}\n      </IconWrapper>\n      <div className=\"dropdown-arrow\">\n        <Icon name=\"chevron-right\" />\n      </div>\n    </GenericMenuItem>\n  );\n};\n\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\nContextMenu.SubTrigger = ContextMenuSubTrigger;\n\ntype DeprecatedFields = {\n  /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n  side?: string;\n  /** @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n  align?: string;\n};\n\ntype ContextMenuContentProps = RightMenu.ContextMenuContentProps & {\n  sub?: true;\n  container?: HTMLElement | null;\n} & ArrowProps &\n  DeprecatedFields;\n\ntype ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {\n  sub?: never;\n  container?: HTMLElement | null;\n} & ArrowProps &\n  DeprecatedFields;\n\nconst rightMenuContentVariants = cva(styles['right-menu-content'], {\n  variants: {\n    showArrow: {\n      true: styles['right-menu-content_show-arrow'],\n      false: '',\n    },\n  },\n  defaultVariants: {\n    showArrow: false,\n  },\n});\n\ntype RightMenuContentComponent = <T extends ElementType = 'div'>(\n  props: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean }\n) => ReactNode;\n\nconst _RightMenuContent = <T extends ElementType = 'div'>(\n  {\n    showArrow,\n    className,\n    ...props\n  }: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean },\n  ref: ComponentPropsWithRef<T>['ref']\n) => (\n  <GenericMenuPanel\n    ref={ref}\n    showArrow={showArrow}\n    {...(props as ComponentProps<typeof GenericMenuPanel>)}\n    className={cn(rightMenuContentVariants({ showArrow }), className)}\n  />\n);\n\nconst RightMenuContent: RightMenuContentComponent = forwardRef(_RightMenuContent);\n\nconst ContextMenuContent = ({\n  sub,\n  children,\n  container,\n  showArrow,\n  // TODO: remove deprecated side and align\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  side,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  align,\n  ...props\n}: ContextMenuContentProps | ContextMenuSubContentProps) => {\n  const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;\n  const inputModalityProps = useInputModality();\n  const portalContainer = useResolvedPortalContainer(container);\n\n  return (\n    <RightMenu.Portal container={portalContainer}>\n      <RightMenuContent\n        {...props}\n        type=\"context-menu\"\n        showArrow={showArrow}\n        as={ContentElement}\n        {...inputModalityProps}\n      >\n        {showArrow && (\n          <Arrow\n            asChild\n            as={RightMenu.Arrow}\n            width={20}\n            height={10}\n          >\n            <Popover_Arrow className=\"popover-arrow\" />\n          </Arrow>\n        )}\n        {children}\n      </RightMenuContent>\n    </RightMenu.Portal>\n  );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\nContextMenu.Content = ContextMenuContent;\n\nconst ContextMenuGroup = ({ className, ...props }: RightMenu.ContextMenuGroupProps) => {\n  return (\n    <RightMenu.Group\n      {...props}\n      className={cn(styles.group, className)}\n    />\n  );\n};\n\nContextMenuGroup.displayName = 'ContextMenuGroup';\nContextMenu.Group = ContextMenuGroup;\n\nconst ContextMenuSub = ({ ...props }: RightMenu.ContextMenuGroupProps) => {\n  return <RightMenu.Sub {...props} />;\n};\n\nContextMenuSub.displayName = 'ContextMenuSub';\nContextMenu.Sub = ContextMenuSub;\n\nconst ContextMenuItem = ({\n  icon,\n  iconDir,\n  type = 'default',\n  children,\n  ...props\n}: ContextMenuItemProps) => {\n  return (\n    <GenericMenuItem\n      as={RightMenu.Item}\n      type={type}\n      {...props}\n    >\n      <IconWrapper\n        icon={icon}\n        iconDir={iconDir}\n      >\n        {children}\n      </IconWrapper>\n    </GenericMenuItem>\n  );\n};\n\nContextMenuItem.displayName = 'ContextMenuItem';\nContextMenu.Item = ContextMenuItem;\n\nexport default ContextMenu;\n"],"names":["ContextMenu","props","jsx","RightMenu","ContextMenuTrigger","forwardRef","disabled","className","ref","cn","styles","trigger","displayName","Trigger","ContextMenuSubTrigger","icon","iconDir","children","GenericMenuItem","SubTrigger","IconWrapper","Icon","rightMenuContentVariants","cva","variants","showArrow","true","false","defaultVariants","_RightMenuContent","GenericMenuPanel","RightMenuContent","ContextMenuContent","sub","container","side","align","ContentElement","SubContent","Content","inputModalityProps","useInputModality","portalContainer","useResolvedPortalContainer","jsxs","Arrow","Popover_Arrow","ContextMenuGroup","group","Group","ContextMenuSub","Sub","ContextMenuItem","type","Item"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import * as RightMenu from '@radix-ui/react-context-menu';\nimport {\n  ComponentProps,\n  ComponentPropsWithRef,\n  ElementType,\n  ReactNode,\n  forwardRef,\n} from 'react';\nimport type { HorizontalDirection } from '@/types';\nimport { Icon } from '@/components/Icon';\nimport type { IconName } from '@/components/Icon';\nimport { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu';\nimport { cn, cva } from '@/lib/cva';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\nimport { IconWrapper } from '@/components/IconWrapper/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport styles from './ContextMenu.module.css';\n\nexport const ContextMenu = (props: RightMenu.ContextMenuProps) => (\n  <RightMenu.Root {...props} />\n);\n\nconst ContextMenuTrigger = forwardRef<HTMLDivElement, RightMenu.ContextMenuTriggerProps>(\n  ({ disabled, className, ...props }, ref) => {\n    return (\n      <RightMenu.Trigger\n        asChild\n        disabled={disabled}\n      >\n        <div\n          ref={ref}\n          {...props}\n          className={cn(styles.trigger, className)}\n        />\n      </RightMenu.Trigger>\n    );\n  }\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\nContextMenu.Trigger = ContextMenuTrigger;\n\ninterface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {\n  icon?: IconName;\n  iconDir?: HorizontalDirection;\n}\nconst ContextMenuSubTrigger = ({\n  icon,\n  iconDir,\n  children,\n  ...props\n}: ContextMenuSubTriggerProps) => {\n  return (\n    <GenericMenuItem\n      as={RightMenu.SubTrigger}\n      {...props}\n    >\n      <IconWrapper\n        icon={icon}\n        iconDir={iconDir}\n      >\n        {children}\n      </IconWrapper>\n      <div className=\"dropdown-arrow\">\n        <Icon name=\"chevron-right\" />\n      </div>\n    </GenericMenuItem>\n  );\n};\n\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\nContextMenu.SubTrigger = ContextMenuSubTrigger;\n\ntype DeprecatedFields = {\n  /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n  side?: string;\n  /** @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n  align?: string;\n};\n\ntype ContextMenuContentProps = RightMenu.ContextMenuContentProps & {\n  sub?: true;\n  container?: HTMLElement | null;\n} & ArrowProps &\n  DeprecatedFields;\n\ntype ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {\n  sub?: never;\n  container?: HTMLElement | null;\n} & ArrowProps &\n  DeprecatedFields;\n\nconst rightMenuContentVariants = cva(styles['right-menu-content'], {\n  variants: {\n    showArrow: {\n      true: styles['right-menu-content_show-arrow'],\n      false: '',\n    },\n  },\n  defaultVariants: {\n    showArrow: false,\n  },\n});\n\ntype RightMenuContentComponent = <T extends ElementType = 'div'>(\n  props: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean }\n) => ReactNode;\n\nconst _RightMenuContent = <T extends ElementType = 'div'>(\n  {\n    showArrow,\n    className,\n    ...props\n  }: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean },\n  ref: ComponentPropsWithRef<T>['ref']\n) => (\n  <GenericMenuPanel\n    ref={ref}\n    showArrow={showArrow}\n    {...(props as ComponentProps<typeof GenericMenuPanel>)}\n    className={cn(rightMenuContentVariants({ showArrow }), className)}\n  />\n);\n\nconst RightMenuContent: RightMenuContentComponent = forwardRef(_RightMenuContent);\n\nconst ContextMenuContent = ({\n  sub,\n  children,\n  container,\n  showArrow,\n  // TODO: remove deprecated side and align\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  side,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  align,\n  ...props\n}: ContextMenuContentProps | ContextMenuSubContentProps) => {\n  const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;\n  const inputModalityProps = useInputModality();\n  const portalContainer = useResolvedPortalContainer(container);\n\n  return (\n    <RightMenu.Portal container={portalContainer}>\n      <RightMenuContent\n        {...props}\n        type=\"context-menu\"\n        showArrow={showArrow}\n        as={ContentElement}\n        {...inputModalityProps}\n      >\n        {showArrow && (\n          <Arrow\n            asChild\n            as={RightMenu.Arrow}\n            width={20}\n            height={10}\n          >\n            <Popover_Arrow className=\"popover-arrow\" />\n          </Arrow>\n        )}\n        {children}\n      </RightMenuContent>\n    </RightMenu.Portal>\n  );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\nContextMenu.Content = ContextMenuContent;\n\nconst ContextMenuGroup = ({ className, ...props }: RightMenu.ContextMenuGroupProps) => {\n  return (\n    <RightMenu.Group\n      {...props}\n      className={cn(styles.group, className)}\n    />\n  );\n};\n\nContextMenuGroup.displayName = 'ContextMenuGroup';\nContextMenu.Group = ContextMenuGroup;\n\nconst ContextMenuSub = ({ ...props }: RightMenu.ContextMenuGroupProps) => {\n  return <RightMenu.Sub {...props} />;\n};\n\nContextMenuSub.displayName = 'ContextMenuSub';\nContextMenu.Sub = ContextMenuSub;\n\nconst ContextMenuItem = ({\n  icon,\n  iconDir,\n  type = 'default',\n  children,\n  ...props\n}: ContextMenuItemProps) => {\n  return (\n    <GenericMenuItem\n      as={RightMenu.Item}\n      type={type}\n      {...props}\n    >\n      <IconWrapper\n        icon={icon}\n        iconDir={iconDir}\n      >\n        {children}\n      </IconWrapper>\n    </GenericMenuItem>\n  );\n};\n\nContextMenuItem.displayName = 'ContextMenuItem';\nContextMenu.Item = ContextMenuItem;\n\nexport default ContextMenu;\n"],"names":["jsx","RightMenu","forwardRef","cn","styles","jsxs","GenericMenuItem","IconWrapper","Icon","cva","GenericMenuPanel","useInputModality","useResolvedPortalContainer","Arrow","Popover_Arrow"],"mappings":"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"}

package/dist/cjs/components/CrossButton/CrossButton.css

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
 
 .cross-button__StJ4Q {
   padding: var(--click-button-iconButton-sm-space-y)
@@ -10,3 +10,4 @@
 .cross-button__StJ4Q:hover {
   background: var(--click-button-iconButton-color-primary-background-hover);
 }
+}

package/dist/cjs/components/CrossButton/index.cjs

@@ -9,11 +9,15 @@ const cva = require('../../lib/cva.cjs');
 const EmptyButton = require('../EmptyButton/index.cjs');
 const CrossButton_module = require('./CrossButton.module.css.cjs');
 
-const CrossButton = react.forwardRef(({
-  type = "button",
-  className,
-  ...props
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(EmptyButton.EmptyButton, { ref, type, ...props, className: cva.cn(CrossButton_module.default["cross-button"], className) }));
+const CrossButton = react.forwardRef(({ type = "button", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  EmptyButton.EmptyButton,
+  {
+    ref,
+    type,
+    ...props,
+    className: cva.cn(CrossButton_module.default["cross-button"], className)
+  }
+));
 CrossButton.displayName = "CrossButton";
 
 exports.CrossButton = CrossButton;

package/dist/cjs/components/CrossButton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/CrossButton/CrossButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '@/lib/cva';\nimport { EmptyButton } from '@/components/EmptyButton';\nimport styles from './CrossButton.module.css';\n\nexport const CrossButton = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement>\n>(({ type = 'button', className, ...props }, ref) => (\n  <EmptyButton\n    ref={ref}\n    type={type}\n    {...props}\n    className={cn(styles['cross-button'], className)}\n  />\n));\n\nCrossButton.displayName = 'CrossButton';\n"],"names":["CrossButton","forwardRef","type","className","props","ref","jsx","EmptyButton","cn","styles","displayName"],"mappings":";;;;;;;;;;AAKO,MAAMA,WAAAA,GAAcC,iBAGzB,CAAC;AAAA,EAAEC,IAAAA,GAAO,QAAA;AAAA,EAAUC,SAAAA;AAAAA,EAAW,GAAGC;AAAM,CAAA,EAAGC,GAAAA,qBAC3CC,cAAA,CAACC,uBAAA,EAAA,EACC,GAAA,EACA,MACA,GAAIH,KAAAA,EACJ,SAAA,EAAWI,MAAAA,CAAGC,0BAAAA,CAAO,cAAc,CAAA,EAAGN,SAAS,IAElD;AAEDH,WAAAA,CAAYU,WAAAA,GAAc,aAAA;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/CrossButton/CrossButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '@/lib/cva';\nimport { EmptyButton } from '@/components/EmptyButton';\nimport styles from './CrossButton.module.css';\n\nexport const CrossButton = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement>\n>(({ type = 'button', className, ...props }, ref) => (\n  <EmptyButton\n    ref={ref}\n    type={type}\n    {...props}\n    className={cn(styles['cross-button'], className)}\n  />\n));\n\nCrossButton.displayName = 'CrossButton';\n"],"names":["forwardRef","jsx","EmptyButton","cn","styles"],"mappings":";;;;;;;;;;AAKO,MAAM,WAAA,GAAcA,gBAAA,CAGzB,CAAC,EAAE,IAAA,GAAO,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3CC,cAAA;AAAA,EAACC,uBAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,IAAA;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,SAAA,EAAWC,MAAA,CAAGC,0BAAA,CAAO,cAAc,GAAG,SAAS;AAAA;AACjD,CACD;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}

package/dist/cjs/components/DateDetails/index.cjs

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const styledComponents = require('styled-components');
-const linkStyles = require('../../styles/linkStyles.cjs');
 const date = require('../../utils/date.cjs');
 const Popover = require('../Popover/index.cjs');
+const Link = require('../Link/index.cjs');
 const Text = require('../Text/index.cjs');
 const GridContainer = require('../GridContainer/index.cjs');
 const Container = require('../Container/index.cjs');
@@ -16,9 +15,6 @@ const _interopDefault = e => e && e.__esModule ? e : { default: e };
 
 const dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
-const UnderlinedTrigger = styledComponents.styled(Popover.Popover.Trigger).withConfig({
-  componentId: "sc-17qquw8-0"
-})(["", ""], linkStyles.linkStyles);
 const formatDateDetails = (date, timezone) => {
   const isCurrentYear = dayjs__default.default().year() === date.year();
   const formatForCurrentYear = "MMM D, h:mm a";
@@ -53,35 +49,94 @@ const DateDetails = ({
     }
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(UnderlinedTrigger, { $size: "sm", $weight: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size, weight, children: dayjs__default.default.utc(date$1).fromNow() }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Content, { side, showArrow: true, children: /* @__PURE__ */ jsxRuntime.jsxs(GridContainer.GridContainer, { columnGap: "xl", gridTemplateColumns: "repeat(2, auto)", gap: "sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", size: "sm", children: "Local" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { size: "sm", children: [
-        formatDateDetails(dayjsDate),
-        " (",
-        date.formatTimezone({
-          date: dayjsDate,
-          timezone: dayjs__default.default.tz.guess()
-        }),
-        ")"
-      ] }) }),
-      systemTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", size: "sm", children: "System" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { size: "sm", children: [
-          formatDateDetails(systemTime, systemTimeZone),
-          " (",
-          date.formatTimezone({
-            date: systemTime,
-            timezone: systemTimeZone
-          }),
-          ")"
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", size: "sm", children: "UTC" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: formatDateDetails(dayjsDate.utc(), "UTC") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", size: "sm", children: "Unix" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: Math.round(dayjsDate.valueOf() / 1e3) }) })
-    ] }) })
+    /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Link.Link,
+      {
+        component: "span",
+        size: "sm",
+        weight: "medium",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Text.Text,
+          {
+            component: "span",
+            size,
+            weight,
+            children: dayjs__default.default.utc(date$1).fromNow()
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Popover.Popover.Content,
+      {
+        side,
+        showArrow: true,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          GridContainer.GridContainer,
+          {
+            columnGap: "xl",
+            gridTemplateColumns: "repeat(2, auto)",
+            gap: "sm",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Text.Text,
+                {
+                  color: "muted",
+                  size: "sm",
+                  children: "Local"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { size: "sm", children: [
+                formatDateDetails(dayjsDate),
+                " (",
+                date.formatTimezone({
+                  date: dayjsDate,
+                  timezone: dayjs__default.default.tz.guess()
+                }),
+                ")"
+              ] }) }),
+              systemTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Text.Text,
+                  {
+                    color: "muted",
+                    size: "sm",
+                    children: "System"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { size: "sm", children: [
+                  formatDateDetails(systemTime, systemTimeZone),
+                  " (",
+                  date.formatTimezone({
+                    date: systemTime,
+                    timezone: systemTimeZone
+                  }),
+                  ")"
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Text.Text,
+                {
+                  color: "muted",
+                  size: "sm",
+                  children: "UTC"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: formatDateDetails(dayjsDate.utc(), "UTC") }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Text.Text,
+                {
+                  color: "muted",
+                  size: "sm",
+                  children: "Unix"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: Math.round(dayjsDate.valueOf() / 1e3) }) })
+            ]
+          }
+        )
+      }
+    )
   ] });
 };
 

package/dist/cjs/components/DateDetails/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/DateDetails/DateDetails.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport { Popover } from '@/components/Popover';\nimport { Text } from '@/components/Text';\nimport { linkStyles, StyledLinkProps } from '@/styles/linkStyles';\nimport { GridContainer } from '@/components/GridContainer';\nimport { Container } from '@/components/Container';\n\nimport { dayjs, Dayjs, formatTimezone } from '@/utils/date';\n\nconst UnderlinedTrigger = styled(Popover.Trigger)<StyledLinkProps>`\n  ${linkStyles}\n`;\n\nconst formatDateDetails = (date: Dayjs, timezone?: string): string => {\n  const isCurrentYear = dayjs().year() === date.year();\n  const formatForCurrentYear = 'MMM D, h:mm a';\n  const formatForPastYear = 'MMM D, YYYY, h:mm a';\n\n  if (isCurrentYear) {\n    if (timezone) {\n      const dateWithTimezone = date.tz(timezone);\n      return dateWithTimezone\n        .format(formatForCurrentYear)\n        .replace('am', 'a.m.')\n        .replace('pm', 'p.m.');\n    }\n\n    return date.format(formatForCurrentYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n  }\n\n  if (timezone) {\n    const dateWithTimezone = date.tz(timezone);\n    return dateWithTimezone\n      .format(formatForPastYear)\n      .replace('am', 'a.m.')\n      .replace('pm', 'p.m.');\n  }\n  return date.format(formatForPastYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n};\n\nimport { DateDetailsProps } from './DateDetails.types';\n\nexport const DateDetails = ({\n  date,\n  side = 'top',\n  size = 'sm',\n  systemTimeZone,\n  weight = 'normal',\n}: DateDetailsProps) => {\n  const dayjsDate = dayjs(date);\n\n  let systemTime;\n  if (systemTimeZone) {\n    try {\n      systemTime = dayjsDate.tz(systemTimeZone);\n    } catch {\n      systemTime = dayjsDate.tz('America/New_York');\n    }\n  }\n\n  return (\n    <Popover>\n      <UnderlinedTrigger\n        $size=\"sm\"\n        $weight=\"medium\"\n      >\n        <Text\n          size={size}\n          weight={weight}\n        >\n          {dayjs.utc(date).fromNow()}\n        </Text>\n      </UnderlinedTrigger>\n      <Popover.Content\n        side={side}\n        showArrow\n      >\n        <GridContainer\n          columnGap=\"xl\"\n          gridTemplateColumns=\"repeat(2, auto)\"\n          gap=\"sm\"\n        >\n          <Text\n            color=\"muted\"\n            size=\"sm\"\n          >\n            Local\n          </Text>\n          <Container justifyContent=\"end\">\n            <Text size=\"sm\">\n              {formatDateDetails(dayjsDate)} (\n              {formatTimezone({\n                date: dayjsDate,\n                timezone: dayjs.tz.guess(),\n              })}\n              )\n            </Text>\n          </Container>\n\n          {systemTime && (\n            <>\n              <Text\n                color=\"muted\"\n                size=\"sm\"\n              >\n                System\n              </Text>\n\n              <Container justifyContent=\"end\">\n                <Text size=\"sm\">\n                  {formatDateDetails(systemTime, systemTimeZone)} (\n                  {formatTimezone({\n                    date: systemTime,\n                    timezone: systemTimeZone,\n                  })}\n                  )\n                </Text>\n              </Container>\n            </>\n          )}\n\n          <Text\n            color=\"muted\"\n            size=\"sm\"\n          >\n            UTC\n          </Text>\n          <Container justifyContent=\"end\">\n            <Text size=\"sm\">{formatDateDetails(dayjsDate.utc(), 'UTC')}</Text>\n          </Container>\n\n          <Text\n            color=\"muted\"\n            size=\"sm\"\n          >\n            Unix\n          </Text>\n          <Container justifyContent=\"end\">\n            <Text size=\"sm\">{Math.round(dayjsDate.valueOf() / 1000)}</Text>\n          </Container>\n        </GridContainer>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"],"names":["UnderlinedTrigger","styled","Popover","Trigger","withConfig","componentId","linkStyles","formatDateDetails","date","timezone","isCurrentYear","dayjs","year","formatForCurrentYear","formatForPastYear","dateWithTimezone","tz","format","replace","DateDetails","side","size","systemTimeZone","weight","dayjsDate","systemTime","jsx","Text","utc","fromNow","jsxs","GridContainer","Container","formatTimezone","guess","Fragment","Math","round","valueOf"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/DateDetails/DateDetails.tsx"],"sourcesContent":["import { Popover } from '@/components/Popover';\nimport { Text } from '@/components/Text';\nimport { Link } from '@/components/Link';\nimport { GridContainer } from '@/components/GridContainer';\nimport { Container } from '@/components/Container';\n\nimport { dayjs, Dayjs, formatTimezone } from '@/utils/date';\n\nconst formatDateDetails = (date: Dayjs, timezone?: string): string => {\n  const isCurrentYear = dayjs().year() === date.year();\n  const formatForCurrentYear = 'MMM D, h:mm a';\n  const formatForPastYear = 'MMM D, YYYY, h:mm a';\n\n  if (isCurrentYear) {\n    if (timezone) {\n      const dateWithTimezone = date.tz(timezone);\n      return dateWithTimezone\n        .format(formatForCurrentYear)\n        .replace('am', 'a.m.')\n        .replace('pm', 'p.m.');\n    }\n\n    return date.format(formatForCurrentYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n  }\n\n  if (timezone) {\n    const dateWithTimezone = date.tz(timezone);\n    return dateWithTimezone\n      .format(formatForPastYear)\n      .replace('am', 'a.m.')\n      .replace('pm', 'p.m.');\n  }\n  return date.format(formatForPastYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n};\n\nimport { DateDetailsProps } from './DateDetails.types';\n\nexport const DateDetails = ({\n  date,\n  side = 'top',\n  size = 'sm',\n  systemTimeZone,\n  weight = 'normal',\n}: DateDetailsProps) => {\n  const dayjsDate = dayjs(date);\n\n  let systemTime;\n  if (systemTimeZone) {\n    try {\n      systemTime = dayjsDate.tz(systemTimeZone);\n    } catch {\n      systemTime = dayjsDate.tz('America/New_York');\n    }\n  }\n\n  return (\n    <Popover>\n      <Popover.Trigger>\n        <Link\n          component=\"span\"\n          size=\"sm\"\n          weight=\"medium\"\n        >\n          <Text\n            component=\"span\"\n            size={size}\n            weight={weight}\n          >\n            {dayjs.utc(date).fromNow()}\n          </Text>\n        </Link>\n      </Popover.Trigger>\n      <Popover.Content\n        side={side}\n        showArrow\n      >\n        <GridContainer\n          columnGap=\"xl\"\n          gridTemplateColumns=\"repeat(2, auto)\"\n          gap=\"sm\"\n        >\n          <Text\n            color=\"muted\"\n            size=\"sm\"\n          >\n            Local\n          </Text>\n          <Container justifyContent=\"end\">\n            <Text size=\"sm\">\n              {formatDateDetails(dayjsDate)} (\n              {formatTimezone({\n                date: dayjsDate,\n                timezone: dayjs.tz.guess(),\n              })}\n              )\n            </Text>\n          </Container>\n\n          {systemTime && (\n            <>\n              <Text\n                color=\"muted\"\n                size=\"sm\"\n              >\n                System\n              </Text>\n\n              <Container justifyContent=\"end\">\n                <Text size=\"sm\">\n                  {formatDateDetails(systemTime, systemTimeZone)} (\n                  {formatTimezone({\n                    date: systemTime,\n                    timezone: systemTimeZone,\n                  })}\n                  )\n                </Text>\n              </Container>\n            </>\n          )}\n\n          <Text\n            color=\"muted\"\n            size=\"sm\"\n          >\n            UTC\n          </Text>\n          <Container justifyContent=\"end\">\n            <Text size=\"sm\">{formatDateDetails(dayjsDate.utc(), 'UTC')}</Text>\n          </Container>\n\n          <Text\n            color=\"muted\"\n            size=\"sm\"\n          >\n            Unix\n          </Text>\n          <Container justifyContent=\"end\">\n            <Text size=\"sm\">{Math.round(dayjsDate.valueOf() / 1000)}</Text>\n          </Container>\n        </GridContainer>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"],"names":["dayjs","date","Popover","jsx","Link","Text","jsxs","GridContainer","Container","formatTimezone","Fragment"],"mappings":"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"}