@punkbit/cui 0.0.251-rc.16 → 0.2.0

package/dist/cjs/components/Toast/index.cjs

@@ -0,0 +1,223 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const RadixUIToast = require('@radix-ui/react-toast');
+const styledComponents = require('styled-components');
+const toastEmitter = require('./toastEmitter.cjs');
+const IconButton = require('../IconButton/index.cjs');
+const Button = require('../Button/index.cjs');
+const Icon = require('../Icon/index.cjs');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const RadixUIToast__namespace = /*#__PURE__*/_interopNamespace(RadixUIToast);
+
+const ToastContext = react.createContext({
+  createToast: () => null
+});
+const ToastIconWrapper = (props) => /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props });
+const ToastIcon = styledComponents.styled(ToastIconWrapper).withConfig({
+  componentId: "sc-b0mjg4-0"
+})(["", ""], ({
+  theme,
+  $type = "default"
+}) => `
+  width: ${theme.click.toast.icon.size.width};
+  height: ${theme.click.toast.icon.size.height};
+  color: ${theme.click.toast.color.icon[$type]}
+`);
+const hide = styledComponents.keyframes`
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+`;
+const slideIn = styledComponents.keyframes`
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+`;
+const swipeOut = styledComponents.keyframes`
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+`;
+const ToastRoot = styledComponents.styled(RadixUIToast__namespace.Root).withConfig({
+  componentId: "sc-b0mjg4-1"
+})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;", " &[data-state='open']{animation:", " 150ms cubic-bezier(0.16,1,0.3,1);}&[data-state='closed']{animation:", " 100ms ease-in;}&[data-swipe='move']{transform:translateX(var(--radix-toast-swipe-move-x));}&[data-swipe='cancel']{transform:translateX(0);transition:transform 200ms ease-out;}&[data-swipe='end']{animation:", " 100ms ease-out;}"], ({
+  theme
+}) => `
+    padding: ${theme.click.toast.space.y} ${theme.click.toast.space.x};
+    gap: ${theme.click.toast.space.gap};
+    border-radius: ${theme.click.toast.radii.all};
+    border: 1px solid ${theme.click.toast.color.stroke.default};
+    background: ${theme.click.global.color.background.default};
+    box-shadow: ${theme.click.toast.shadow};
+  `, slideIn, hide, swipeOut);
+const ToastHeader = styledComponents.styled(RadixUIToast__namespace.Title).withConfig({
+  componentId: "sc-b0mjg4-2"
+})(["display:flex;justify-content:space-between;align-items:center;width:100%;gap:inherit;", ""], ({
+  theme
+}) => `
+    font: ${theme.click.toast.typography.title.default};
+    color: ${theme.click.toast.color.title.default};
+  `);
+const ToastDescriptionContainer = styledComponents.styled.div.withConfig({
+  componentId: "sc-b0mjg4-3"
+})(["display:flex;flex-direction:column;justify-content:space-between;width:100%;align-items:flex-end;gap:inherit;", ""], ({
+  theme
+}) => `
+    font: ${theme.click.toast.typography.title.default};
+    color: ${theme.click.toast.color.title.default};
+  `);
+const ToastDescriptionContent = styledComponents.styled.div.withConfig({
+  componentId: "sc-b0mjg4-4"
+})(["display:flex;align-self:stretch;gap:inherit;", ""], ({
+  theme
+}) => `
+    font: ${theme.click.toast.typography.description.default};
+    color: ${theme.click.toast.color.description.default};
+  `);
+const Title = styledComponents.styled.div.withConfig({
+  componentId: "sc-b0mjg4-5"
+})(["flex:1;"]);
+const Toast = ({
+  type,
+  toastType = "foreground",
+  title,
+  description,
+  actions = [],
+  duration,
+  onClose,
+  ...props
+}) => {
+  let iconName = "";
+  if (type === "default") {
+    iconName = "info-in-circle";
+  } else if (type === "success") {
+    iconName = "check";
+  } else if (type && ["danger", "warning"].includes(type)) {
+    iconName = "warning";
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastRoot, { onOpenChange: onClose, duration, type: toastType, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ToastHeader, { children: [
+      iconName.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ToastIcon, { name: iconName, $type: type }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton.IconButton, { icon: "cross", type: "ghost" }) })
+    ] }),
+    (description || actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(ToastDescriptionContainer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToastDescriptionContent, { as: RadixUIToast__namespace.Description, children: description }),
+      actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ToastDescriptionContent, { children: actions.map(({
+        altText,
+        ...btnProps
+      }) => /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Action, { altText, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { ...btnProps }) }) }, altText)) })
+    ] })
+  ] });
+};
+const Viewport = styledComponents.styled(RadixUIToast__namespace.Viewport).withConfig({
+  componentId: "sc-b0mjg4-6"
+})(["--viewport-padding:25px;position:fixed;bottom:0;", ";display:flex;flex-direction:column;padding:var(--viewport-padding);gap:", ";width:", ";max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none;"], ({
+  $align
+}) => {
+  if ($align === "start") {
+    return "left: 0";
+  }
+  return `
+      right: 0;
+  `;
+}, ({
+  theme
+}) => theme.click.toast.space.gap, ({
+  theme
+}) => theme.click.toast.size.width);
+const ToastProvider = ({
+  children,
+  align = "end",
+  ...props
+}) => {
+  const [toasts, setToasts] = react.useState({
+    start: /* @__PURE__ */ new Map(),
+    end: /* @__PURE__ */ new Map()
+  });
+  react.useEffect(() => {
+    const listener = (toast) => {
+      setToasts((currentToasts) => {
+        const alignment = toast.align ?? "end";
+        const newToasts = {
+          ...currentToasts
+        };
+        const map = new Map(newToasts[alignment]);
+        map.set(toast?.id ?? String(Date.now()), toast);
+        newToasts[alignment] = map;
+        return newToasts;
+      });
+    };
+    toastEmitter.toastsEventEmitter.on(listener);
+    return () => toastEmitter.toastsEventEmitter.off(listener);
+  }, []);
+  const onClose = (id) => (open) => {
+    if (!open) {
+      setToasts((currentToasts) => {
+        const newToasts = {
+          ...currentToasts
+        };
+        const map = new Map(newToasts[align]);
+        map.delete(id);
+        newToasts[align] = map;
+        return newToasts;
+      });
+    }
+  };
+  const value = {
+    createToast: (toast, toastAlign = align) => {
+      setToasts((currentToasts) => {
+        const newToasts = {
+          ...currentToasts
+        };
+        const map = new Map(newToasts[toastAlign]);
+        map.set(toast?.id ?? String(Date.now()), toast);
+        newToasts[toastAlign] = map;
+        return newToasts;
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(RadixUIToast__namespace.Provider, { swipeDirection: align === "start" ? "left" : "right", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
+      children,
+      Array.from(toasts[align]).map(([id, toast]) => /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...toast, onClose: onClose(id) }, id))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Viewport, { $align: align })
+  ] }, `toast-provider-${align}`);
+};
+
+exports.Toast = Toast;
+exports.ToastContext = ToastContext;
+exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\nimport * as RadixUIToast from '@radix-ui/react-toast';\nimport { keyframes, styled } from 'styled-components';\nimport { toastsEventEmitter } from './toastEmitter';\nimport { Icon, type IconName, type IconProps } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Button } from '@/components/Button';\nimport { ToastContextProps, ToastProps, ToastAlignment, ToastType } from './Toast.types';\n\nexport const ToastContext = createContext<ToastContextProps>({\n  createToast: () => null,\n});\n\n// Lazy wrapper to avoid circular dependency issues at module load time\nconst ToastIconWrapper = (props: IconProps & { $type?: ToastType }) => (\n  <Icon {...props} />\n);\n\nconst ToastIcon = styled(ToastIconWrapper)<{ $type?: ToastType }>`\n  ${({ theme, $type = 'default' }) => `\n  width: ${theme.click.toast.icon.size.width};\n  height: ${theme.click.toast.icon.size.height};\n  color: ${theme.click.toast.color.icon[$type]}\n`}\n`;\nconst hide = keyframes`\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n`;\nconst slideIn = keyframes`\n  from {\n    transform: translateX(calc(100% + var(--viewport-padding)));\n  }\n  to {\n    transform: translateX(0);\n  }\n`;\nconst swipeOut = keyframes`\n  from {\n    transform: translateX(var(--radix-toast-swipe-end-x));\n  }\n  to {\n    transform: translateX(calc(100% + var(--viewport-padding)));\n  }\n`;\n\nconst ToastRoot = styled(RadixUIToast.Root)`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  ${({ theme }) => `\n    padding: ${theme.click.toast.space.y} ${theme.click.toast.space.x};\n    gap: ${theme.click.toast.space.gap};\n    border-radius: ${theme.click.toast.radii.all};\n    border: 1px solid ${theme.click.toast.color.stroke.default};\n    background: ${theme.click.global.color.background.default};\n    box-shadow: ${theme.click.toast.shadow};\n  `}\n  &[data-state='open'] {\n    animation: ${slideIn} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  &[data-state='closed'] {\n    animation: ${hide} 100ms ease-in;\n  }\n  &[data-swipe='move'] {\n    transform: translateX(var(--radix-toast-swipe-move-x));\n  }\n  &[data-swipe='cancel'] {\n    transform: translateX(0);\n    transition: transform 200ms ease-out;\n  }\n  &[data-swipe='end'] {\n    animation: ${swipeOut} 100ms ease-out;\n  }\n`;\n\nconst ToastHeader = styled(RadixUIToast.Title)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: inherit;\n  ${({ theme }) => `\n    font: ${theme.click.toast.typography.title.default};\n    color: ${theme.click.toast.color.title.default};\n  `}\n`;\n\nconst ToastDescriptionContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  align-items: flex-end;\n  gap: inherit;\n  ${({ theme }) => `\n    font: ${theme.click.toast.typography.title.default};\n    color: ${theme.click.toast.color.title.default};\n  `}\n`;\n\nconst ToastDescriptionContent = styled.div`\n  display: flex;\n  align-self: stretch;\n  gap: inherit;\n  ${({ theme }) => `\n    font: ${theme.click.toast.typography.description.default};\n    color: ${theme.click.toast.color.description.default};\n  `}\n`;\n\nconst Title = styled.div`\n  flex: 1;\n`;\n\nexport const Toast = ({\n  type,\n  toastType = 'foreground',\n  title,\n  description,\n  actions = [],\n  duration,\n  onClose,\n\n  ...props\n}: ToastProps & { onClose: (open: boolean) => void }) => {\n  let iconName = '';\n  if (type === 'default') {\n    iconName = 'info-in-circle';\n  } else if (type === 'success') {\n    iconName = 'check';\n  } else if (type && ['danger', 'warning'].includes(type)) {\n    iconName = 'warning';\n  }\n  return (\n    <ToastRoot\n      onOpenChange={onClose}\n      duration={duration}\n      type={toastType}\n      {...props}\n    >\n      <ToastHeader>\n        {iconName.length > 0 && (\n          <ToastIcon\n            name={iconName as IconName}\n            $type={type}\n          />\n        )}\n        <Title>{title}</Title>\n        <RadixUIToast.Close asChild>\n          <IconButton\n            icon=\"cross\"\n            type=\"ghost\"\n          />\n        </RadixUIToast.Close>\n      </ToastHeader>\n      {(description || actions.length > 0) && (\n        <ToastDescriptionContainer>\n          <ToastDescriptionContent as={RadixUIToast.Description}>\n            {description}\n          </ToastDescriptionContent>\n          {actions.length > 0 && (\n            <ToastDescriptionContent>\n              {actions.map(({ altText, ...btnProps }) => (\n                <RadixUIToast.Action\n                  altText={altText}\n                  asChild\n                  key={altText}\n                >\n                  <div>\n                    <Button {...btnProps} />\n                  </div>\n                </RadixUIToast.Action>\n              ))}\n            </ToastDescriptionContent>\n          )}\n        </ToastDescriptionContainer>\n      )}\n    </ToastRoot>\n  );\n};\n\nconst Viewport = styled(RadixUIToast.Viewport)<{ $align: ToastAlignment }>`\n  --viewport-padding: 25px;\n  position: fixed;\n  bottom: 0;\n  ${({ $align }) => {\n    if ($align === 'start') {\n      return 'left: 0';\n    }\n    return `\n      right: 0;\n  `;\n  }};\n  display: flex;\n  flex-direction: column;\n  padding: var(--viewport-padding);\n  gap: ${({ theme }) => theme.click.toast.space.gap};\n  width: ${({ theme }) => theme.click.toast.size.width};\n  max-width: 100vw;\n  margin: 0;\n  list-style: none;\n  z-index: 2147483647;\n  outline: none;\n`;\n\nexport interface ToastProviderProps extends RadixUIToast.ToastProviderProps {\n  align?: ToastAlignment;\n}\n\nexport const ToastProvider = ({\n  children,\n  align = 'end',\n  ...props\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<Record<ToastAlignment, Map<string, ToastProps>>>({\n    start: new Map(),\n    end: new Map(),\n  });\n\n  useEffect(() => {\n    const listener = (toast: ToastProps) => {\n      setToasts(currentToasts => {\n        const alignment = toast.align ?? 'end';\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[alignment]);\n        map.set(toast?.id ?? String(Date.now()), toast);\n        newToasts[alignment] = map;\n        return newToasts;\n      });\n    };\n\n    toastsEventEmitter.on(listener);\n\n    return () => toastsEventEmitter.off(listener);\n  }, []);\n\n  const onClose = (id: string) => (open: boolean) => {\n    if (!open) {\n      setToasts(currentToasts => {\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[align]);\n        map.delete(id);\n        newToasts[align] = map;\n        return newToasts;\n      });\n    }\n  };\n\n  const value = {\n    createToast: (toast: ToastProps, toastAlign: ToastAlignment = align) => {\n      setToasts(currentToasts => {\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[toastAlign]);\n        map.set(toast?.id ?? String(Date.now()), toast);\n        newToasts[toastAlign] = map;\n        return newToasts;\n      });\n    },\n  };\n\n  return (\n    <RadixUIToast.Provider\n      swipeDirection={align === 'start' ? 'left' : 'right'}\n      key={`toast-provider-${align}`}\n      {...props}\n    >\n      <ToastContext.Provider value={value}>\n        {children}\n        {Array.from(toasts[align]).map(([id, toast]) => (\n          <Toast\n            key={id}\n            {...toast}\n            onClose={onClose(id)}\n          />\n        ))}\n      </ToastContext.Provider>\n      <Viewport $align={align} />\n    </RadixUIToast.Provider>\n  );\n};\n"],"names":["ToastContext","createContext","createToast","ToastIconWrapper","props","jsx","Icon","ToastIcon","styled","withConfig","componentId","theme","$type","click","toast","icon","size","width","height","color","hide","keyframes","slideIn","swipeOut","ToastRoot","RadixUIToast","Root","space","y","x","gap","radii","all","stroke","default","global","background","shadow","ToastHeader","Title","typography","title","ToastDescriptionContainer","div","ToastDescriptionContent","description","Toast","type","toastType","actions","duration","onClose","iconName","includes","jsxs","length","IconButton","Description","map","altText","btnProps","Button","Viewport","$align","ToastProvider","children","align","toasts","setToasts","useState","start","Map","end","useEffect","listener","currentToasts","alignment","newToasts","set","id","String","Date","now","toastsEventEmitter","on","off","open","delete","value","toastAlign","Array","from"],"mappings":"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"}

package/dist/cjs/components/Toast/toastEmitter.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const EventEmitter = require('../../lib/EventEmitter.cjs');
+
+const toastsEventEmitter = new EventEmitter.EventEmitter();
+const createToast = (toast) => {
+  toastsEventEmitter.emit(toast);
+};
+
+exports.createToast = createToast;
+exports.toastsEventEmitter = toastsEventEmitter;
+//# sourceMappingURL=toastEmitter.cjs.map

package/dist/cjs/components/Toast/toastEmitter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastEmitter.cjs","sources":["../../../../src/components/Toast/toastEmitter.ts"],"sourcesContent":["import { EventEmitter } from '@/lib/EventEmitter';\nimport type { ToastProps } from './Toast.types';\n\nexport const toastsEventEmitter = new EventEmitter<ToastProps>();\n\nexport const createToast = (toast: ToastProps): void => {\n  toastsEventEmitter.emit(toast);\n};\n"],"names":["toastsEventEmitter","EventEmitter","createToast","toast","emit"],"mappings":";;;;;;AAGO,MAAMA,kBAAAA,GAAqB,IAAIC,yBAAAA;AAE/B,MAAMC,WAAAA,GAAcA,CAACC,KAAAA,KAA4B;AACtDH,EAAAA,kBAAAA,CAAmBI,KAAKD,KAAK,CAAA;AAC/B;;;;;"}

package/dist/cjs/components/Tooltip/index.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const RadixTooltip = require('@radix-ui/react-tooltip');
+const styledComponents = require('styled-components');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
+
+const Tooltip = ({
+  children,
+  open,
+  disabled,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Root, { open: disabled ? false : open, ...props, children });
+};
+const TooltipTrigger = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props }) });
+};
+TooltipTrigger.displayName = "TooltipTrigger";
+Tooltip.Trigger = TooltipTrigger;
+const RadixTooltipContent = styledComponents.styled(RadixTooltip__namespace.Content).withConfig({
+  componentId: "sc-1hbwxhi-0"
+})(["display:flex;align-items:flex-start;", ""], ({
+  theme,
+  $maxWidth
+}) => `
+    padding: ${theme.click.tooltip.space.y} ${theme.click.tooltip.space.x};
+    color: ${theme.click.tooltip.color.label.default};
+    background: ${theme.click.tooltip.color.background.default};
+    border-radius: ${theme.click.tooltip.radii.all};
+    font: ${theme.click.tooltip.typography.label.default};
+    white-space: pre-wrap;
+    ${$maxWidth && `max-width: ${$maxWidth}`};
+  `);
+const Arrow = styledComponents.styled.svg.withConfig({
+  componentId: "sc-1hbwxhi-1"
+})(["", ";"], ({
+  theme
+}) => `
+    fill: ${theme.click.tooltip.color.background.default};
+  `);
+const TooltipContent = ({
+  showArrow,
+  children,
+  sideOffset = 6,
+  maxWidth,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(RadixTooltipContent, { sideOffset, $maxWidth: maxWidth, ...props, children: [
+    showArrow && /* @__PURE__ */ jsxRuntime.jsx(Arrow, { as: RadixTooltip__namespace.Arrow, width: 20, height: 8 }),
+    children
+  ] }) });
+};
+TooltipContent.displayName = "TooltipContent";
+Tooltip.Content = TooltipContent;
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\nimport { TooltipProps } from './Tooltip.types';\n\nexport const Tooltip = ({ children, open, disabled, ...props }: TooltipProps) => {\n  return (\n    <RadixTooltip.Root\n      open={disabled ? false : open}\n      {...props}\n    >\n      {children}\n    </RadixTooltip.Root>\n  );\n};\n\nconst TooltipTrigger = (props: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <RadixTooltip.Trigger asChild>\n      <div {...props} />\n    </RadixTooltip.Trigger>\n  );\n};\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltip.Trigger = TooltipTrigger;\ninterface TooltipContentProps extends RadixTooltip.TooltipContentProps {\n  /** Whether to show an arrow pointing to the trigger element */\n  showArrow?: boolean;\n  /** Maximum width of the tooltip content */\n  maxWidth?: string;\n}\n\nconst RadixTooltipContent = styled(RadixTooltip.Content)<{ $maxWidth?: string }>`\n  display: flex;\n  align-items: flex-start;\n  ${({ theme, $maxWidth }) => `\n    padding: ${theme.click.tooltip.space.y} ${theme.click.tooltip.space.x};\n    color: ${theme.click.tooltip.color.label.default};\n    background: ${theme.click.tooltip.color.background.default};\n    border-radius: ${theme.click.tooltip.radii.all};\n    font: ${theme.click.tooltip.typography.label.default};\n    white-space: pre-wrap;\n    ${$maxWidth && `max-width: ${$maxWidth}`};\n  `}\n`;\n\nconst Arrow = styled.svg`\n  ${({ theme }) => `\n    fill: ${theme.click.tooltip.color.background.default};\n  `};\n`;\n\nconst TooltipContent = ({\n  showArrow,\n  children,\n  sideOffset = 6,\n  maxWidth,\n  ...props\n}: TooltipContentProps) => {\n  return (\n    <RadixTooltip.Portal>\n      <RadixTooltipContent\n        sideOffset={sideOffset}\n        $maxWidth={maxWidth}\n        {...props}\n      >\n        {showArrow && (\n          <Arrow\n            as={RadixTooltip.Arrow}\n            width={20}\n            height={8}\n          />\n        )}\n        {children}\n      </RadixTooltipContent>\n    </RadixTooltip.Portal>\n  );\n};\nTooltipContent.displayName = 'TooltipContent';\nTooltip.Content = TooltipContent;\n"],"names":["Tooltip","children","open","disabled","props","jsx","RadixTooltip","TooltipTrigger","displayName","Trigger","RadixTooltipContent","styled","Content","withConfig","componentId","theme","$maxWidth","click","tooltip","space","y","x","color","label","default","background","radii","all","typography","Arrow","svg","TooltipContent","showArrow","sideOffset","maxWidth","jsxs"],"mappings":"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"}

package/dist/cjs/components/VerticalStepper/index.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const styledComponents = require('styled-components');
+const Icon = require('../Icon/index.cjs');
+
+const StepperContext = react.createContext({
+  type: "numbered"
+});
+const StepRoot = styledComponents.styled.div.withConfig({
+  componentId: "sc-nkmjt8-0"
+})(["display:flex;flex-direction:column;align-items:flex-start;counter-reset:vertical-stepper;width:100%;"]);
+const VerticalStepper = ({
+  children,
+  type = "numbered",
+  ...props
+}) => {
+  const value = {
+    type
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(StepRoot, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value, children }) });
+};
+const StepItem = styledComponents.styled.div.withConfig({
+  componentId: "sc-nkmjt8-1"
+})(["display:flex;flex-direction:column;position:relative;width:100%;padding:0;", ""], ({
+  theme,
+  $type,
+  $status,
+  $isOpen
+}) => `
+    row-gap: ${theme.click.stepper.vertical[$type].content.space.gap.y};
+    column-gap: ${theme.click.stepper.vertical[$type].content.space.gap.x};
+    padding-bottom: ${theme.click.stepper.vertical[$type].content.space.bottom[$isOpen ? "active" : "default"]};
+    box-sizing: content-box;
+    &:not(:last-of-type) {
+      &::before{
+        content: "";
+        position: absolute;
+        top: ${theme.click.stepper.vertical[$type].step.size.height};
+        height: 100%;
+        left: calc(${theme.click.stepper.vertical[$type].step.size.width}  / 2 );
+        width: ${theme.click.stepper.vertical[$type].connector.size.width};
+        background: ${theme.click.stepper.vertical[$type].connector.color.stroke[$status]};
+        box-sizing: content-box;
+      }
+    }
+  `);
+const StepTrigger = styledComponents.styled.button.withConfig({
+  componentId: "sc-nkmjt8-2"
+})(["", ""], ({
+  $status
+}) => `
+    display: flex;
+    align-items: center;
+    padding: 0;
+    width: 100%;
+    background: transparent;
+    border: none;
+    gap: inherit;
+    cursor: ${$status === "active" ? "default" : $status === "complete" ? "pointer" : "not-allowed"};
+    flex-direction: row;
+  `);
+const StepBubble = styledComponents.styled.div.withConfig({
+  componentId: "sc-nkmjt8-3"
+})(["", ""], ({
+  theme,
+  $type,
+  $status
+}) => `
+    display: grid;
+    place-items: center;
+    position: relative;
+    width: ${theme.click.stepper.vertical[$type].step.size.width};
+    height: ${theme.click.stepper.vertical[$type].step.size.width};
+    border-radius: ${theme.click.stepper.vertical[$type].step.radii.default};
+    background: ${theme.click.stepper.vertical[$type].step.color.background[$status]};
+    border: 2px solid ${theme.click.stepper.vertical[$type].step.color.stroke[$status]};
+    font: ${theme.click.stepper.vertical.numbered.step.typography.number.default};
+    color: ${theme.click.stepper.vertical[$type].step.color.icon[$status]};
+    counter-increment: vertical-stepper;
+    box-sizing: content-box;
+    ${$type === "numbered" && $status !== "complete" ? `
+        &::before {
+          box-sizing: content-box;
+          font: inherit;
+          color: inherit;
+          content: counter(vertical-stepper);
+        }
+    ` : ""}
+      ${$status == "complete" && $type === "bulleted" ? `
+      &::after {
+        box-sizing: content-box;
+        content: "";
+        position: absolute;
+        width: 50%;
+        height: 50%;
+        border-radius: inherit;
+        background: ${theme.click.stepper.vertical.bulleted.step.color.icon.complete}
+      }
+      ` : ""};
+  `);
+const CheckIcon = styledComponents.styled(Icon.Icon).withConfig({
+  componentId: "sc-nkmjt8-4"
+})(["color:inherit;path{stroke-width:3;}"]);
+const StepLabel = styledComponents.styled.div.withConfig({
+  componentId: "sc-nkmjt8-5"
+})(["display:flex;flex-direction:column;", ")"], ({
+  theme,
+  $type,
+  $status
+}) => `
+    font: ${theme.click.stepper.vertical[$type].typography.title.default};
+    color: ${theme.click.stepper.vertical[$type].color.title[$status]};
+    gap: inherit;
+  `);
+const StepContent = styledComponents.styled.div.withConfig({
+  componentId: "sc-nkmjt8-6"
+})(["display:flex;width:100%;flex-direction:column;", ""], ({
+  theme,
+  $type
+}) => `
+    padding-left: ${theme.click.stepper.vertical[$type].content.space.left};
+  `);
+const VerticalStep = ({
+  status = "incomplete",
+  children,
+  label,
+  collapsed = true,
+  disabled,
+  ...props
+}) => {
+  const {
+    type
+  } = react.useContext(StepperContext);
+  const isOpen = !collapsed || status === "active";
+  return /* @__PURE__ */ jsxRuntime.jsxs(StepItem, { $type: type, $status: status, $isOpen: isOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(StepTrigger, { $status: status, disabled: status === "incomplete" || disabled, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(StepBubble, { $type: type, $status: status, children: type === "numbered" && status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { name: "check", size: "xs" }) : null }),
+      label && /* @__PURE__ */ jsxRuntime.jsx(StepLabel, { $type: type, $status: status, children: label })
+    ] }),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(StepContent, { $type: type, children })
+  ] });
+};
+VerticalStep.displayName = "VerticalStepper.Step";
+VerticalStepper.Step = VerticalStep;
+
+exports.VerticalStepper = VerticalStepper;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/VerticalStepper/VerticalStepper.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { styled } from 'styled-components';\nimport { Icon } from '@/components/Icon';\nimport {\n  VerticalStepperProps,\n  VerticalStepProps,\n  StepperType,\n  StepStatus,\n} from './VerticalStepper.types';\n\ntype ContextProps = {\n  type: StepperType;\n};\n\nconst StepperContext = createContext<ContextProps>({\n  type: 'numbered',\n});\n\nconst StepRoot = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  counter-reset: vertical-stepper;\n  width: 100%;\n`;\n\nexport const VerticalStepper = ({\n  children,\n  type = 'numbered',\n  ...props\n}: VerticalStepperProps) => {\n  const value = {\n    type,\n  };\n  return (\n    <StepRoot {...props}>\n      <StepperContext.Provider value={value}>{children}</StepperContext.Provider>\n    </StepRoot>\n  );\n};\nconst StepItem = styled.div<{\n  $type: StepperType;\n  $status: StepStatus;\n  $isOpen: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  padding: 0;\n  ${({ theme, $type, $status, $isOpen }) => `\n    row-gap: ${theme.click.stepper.vertical[$type].content.space.gap.y};\n    column-gap: ${theme.click.stepper.vertical[$type].content.space.gap.x};\n    padding-bottom: ${\n      theme.click.stepper.vertical[$type].content.space.bottom[\n        $isOpen ? 'active' : 'default'\n      ]\n    };\n    box-sizing: content-box;\n    &:not(:last-of-type) {\n      &::before{\n        content: \"\";\n        position: absolute;\n        top: ${theme.click.stepper.vertical[$type].step.size.height};\n        height: 100%;\n        left: calc(${theme.click.stepper.vertical[$type].step.size.width}  / 2 );\n        width: ${theme.click.stepper.vertical[$type].connector.size.width};\n        background: ${\n          theme.click.stepper.vertical[$type].connector.color.stroke[$status]\n        };\n        box-sizing: content-box;\n      }\n    }\n  `}\n`;\n\nconst StepTrigger = styled.button<{\n  $status: StepStatus;\n}>`\n  ${({ $status }) => `\n    display: flex;\n    align-items: center;\n    padding: 0;\n    width: 100%;\n    background: transparent;\n    border: none;\n    gap: inherit;\n    cursor: ${\n      $status === 'active'\n        ? 'default'\n        : $status === 'complete'\n          ? 'pointer'\n          : 'not-allowed'\n    };\n    flex-direction: row;\n  `}\n`;\n\nconst StepBubble = styled.div<{ $type: StepperType; $status: StepStatus }>`\n  ${({ theme, $type, $status }) => `\n    display: grid;\n    place-items: center;\n    position: relative;\n    width: ${theme.click.stepper.vertical[$type].step.size.width};\n    height: ${theme.click.stepper.vertical[$type].step.size.width};\n    border-radius: ${theme.click.stepper.vertical[$type].step.radii.default};\n    background: ${theme.click.stepper.vertical[$type].step.color.background[$status]};\n    border: 2px solid ${theme.click.stepper.vertical[$type].step.color.stroke[$status]};\n    font: ${theme.click.stepper.vertical.numbered.step.typography.number.default};\n    color: ${theme.click.stepper.vertical[$type].step.color.icon[$status]};\n    counter-increment: vertical-stepper;\n    box-sizing: content-box;\n    ${\n      $type === 'numbered' && $status !== 'complete'\n        ? `\n        &::before {\n          box-sizing: content-box;\n          font: inherit;\n          color: inherit;\n          content: counter(vertical-stepper);\n        }\n    `\n        : ''\n    }\n      ${\n        $status == 'complete' && $type === 'bulleted'\n          ? `\n      &::after {\n        box-sizing: content-box;\n        content: \"\";\n        position: absolute;\n        width: 50%;\n        height: 50%;\n        border-radius: inherit;\n        background: ${theme.click.stepper.vertical.bulleted.step.color.icon.complete}\n      }\n      `\n          : ''\n      };\n  `}\n`;\n\nconst CheckIcon = styled(Icon)`\n  color: inherit;\n  path {\n    stroke-width: 3;\n  }\n`;\nconst StepLabel = styled.div<{ $type: StepperType; $status: StepStatus }>`\n  display: flex;\n  flex-direction: column;\n  ${({ theme, $type, $status }) => `\n    font: ${theme.click.stepper.vertical[$type].typography.title.default};\n    color: ${theme.click.stepper.vertical[$type].color.title[$status]};\n    gap: inherit;\n  `})\n`;\n\nconst StepContent = styled.div<{ $type: StepperType }>`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  ${({ theme, $type }) => `\n    padding-left: ${theme.click.stepper.vertical[$type].content.space.left};\n  `}\n`;\n\nconst VerticalStep = ({\n  status = 'incomplete',\n  children,\n  label,\n  collapsed = true,\n  disabled,\n  ...props\n}: VerticalStepProps) => {\n  const { type } = useContext(StepperContext);\n  const isOpen = !collapsed || status === 'active';\n  return (\n    <StepItem\n      $type={type}\n      $status={status}\n      $isOpen={isOpen}\n    >\n      <StepTrigger\n        $status={status}\n        disabled={status === 'incomplete' || disabled}\n        {...props}\n      >\n        <StepBubble\n          $type={type}\n          $status={status}\n        >\n          {type === 'numbered' && status === 'complete' ? (\n            <CheckIcon\n              name=\"check\"\n              size=\"xs\"\n            />\n          ) : null}\n        </StepBubble>\n        {label && (\n          <StepLabel\n            $type={type}\n            $status={status}\n          >\n            {label}\n          </StepLabel>\n        )}\n      </StepTrigger>\n      {isOpen && <StepContent $type={type}>{children}</StepContent>}\n    </StepItem>\n  );\n};\nVerticalStep.displayName = 'VerticalStepper.Step';\nVerticalStepper.Step = VerticalStep;\n"],"names":["StepperContext","createContext","type","StepRoot","styled","div","withConfig","componentId","VerticalStepper","children","props","value","jsx","StepItem","theme","$type","$status","$isOpen","click","stepper","vertical","content","space","gap","y","x","bottom","step","size","height","width","connector","color","stroke","StepTrigger","button","StepBubble","radii","default","background","numbered","typography","number","icon","bulleted","complete","CheckIcon","Icon","StepLabel","title","StepContent","left","VerticalStep","status","label","collapsed","disabled","useContext","isOpen","jsxs","displayName","Step"],"mappings":"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"}