@punkbit/cui 0.0.251-rc.16 → 0.2.0

package/dist/cjs/components/CodeBlock/useColorStyle.cjs

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const styledComponents = require('styled-components');
+
+const useColorStyle = (defaultTheme) => {
+  const theme = styledComponents.useTheme();
+  const inheritedThemeName = theme.name;
+  const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;
+  const codeTheme = theme.click.codeblock[`${themeName}Mode`].color;
+  return {
+    hljs: {
+      display: "block",
+      overflowX: "auto",
+      padding: `${theme.click.codeblock.space.y} ${theme.click.codeblock.space.x}`,
+      color: codeTheme.text.default,
+      background: codeTheme.background.default,
+      borderRadius: theme.click.codeblock.radii.all,
+      font: theme.click.codeblock.typography.text.default
+    },
+    "hljs-comment": {
+      color: themeName === "dark" ? "#999999" : "#656e77"
+    },
+    "hljs-keyword": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-selector-tag": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-meta-keyword": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-doctag": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-section": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-selector-class": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-meta": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-selector-pseudo": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-attr": {
+      color: themeName === "dark" ? "#88aece" : "#015692"
+    },
+    "hljs-attribute": {
+      color: themeName === "dark" ? "#c59bc1" : "#803378"
+    },
+    "hljs-name": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-type": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-number": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-selector-id": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-quote": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-template-tag": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-built_in": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-title": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-literal": {
+      color: themeName === "dark" ? "#f08d49" : "#b75501"
+    },
+    "hljs-string": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-regexp": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-symbol": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-variable": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-template-variable": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-link": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-selector-attr": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-meta-string": {
+      color: themeName === "dark" ? "#b5bd68" : "#54790d"
+    },
+    "hljs-bullet": {
+      color: themeName === "dark" ? "#cccccc" : "#535a60"
+    },
+    "hljs-code": {
+      color: themeName === "dark" ? "#cccccc" : "#535a60"
+    },
+    "hljs-deletion": {
+      color: themeName === "dark" ? "#de7176" : "#c02d2e"
+    },
+    "hljs-addition": {
+      color: themeName === "dark" ? "#76c490" : "#2f6f44"
+    },
+    "hljs-emphasis": {
+      fontStyle: "italic"
+    },
+    "hljs-strong": {
+      fontWeight: "bold"
+    }
+  };
+};
+
+exports.default = useColorStyle;
+//# sourceMappingURL=useColorStyle.cjs.map

package/dist/cjs/components/CodeBlock/useColorStyle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorStyle.cjs","sources":["../../../../src/components/CodeBlock/useColorStyle.ts"],"sourcesContent":["import { useTheme } from 'styled-components';\nimport { CodeThemeType } from './CodeBlock.types';\n\nconst useColorStyle = (defaultTheme?: CodeThemeType) => {\n  const theme = useTheme();\n  const inheritedThemeName = theme.name as CodeThemeType;\n  const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;\n  const codeTheme = theme.click.codeblock[`${themeName}Mode`].color;\n\n  return {\n    hljs: {\n      display: 'block',\n      overflowX: 'auto',\n      padding: `${theme.click.codeblock.space.y} ${theme.click.codeblock.space.x}`,\n      color: codeTheme.text.default,\n      background: codeTheme.background.default,\n      borderRadius: theme.click.codeblock.radii.all,\n      font: theme.click.codeblock.typography.text.default,\n    },\n    'hljs-comment': {\n      color: themeName === 'dark' ? '#999999' : '#656e77',\n    },\n    'hljs-keyword': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-selector-tag': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-meta-keyword': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-doctag': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-section': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-selector-class': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-meta': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-selector-pseudo': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-attr': {\n      color: themeName === 'dark' ? '#88aece' : '#015692',\n    },\n    'hljs-attribute': {\n      color: themeName === 'dark' ? '#c59bc1' : '#803378',\n    },\n    'hljs-name': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-type': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-number': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-selector-id': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-quote': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-template-tag': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-built_in': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-title': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-literal': {\n      color: themeName === 'dark' ? '#f08d49' : '#b75501',\n    },\n    'hljs-string': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-regexp': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-symbol': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-variable': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-template-variable': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-link': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-selector-attr': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-meta-string': {\n      color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n    },\n    'hljs-bullet': {\n      color: themeName === 'dark' ? '#cccccc' : '#535a60',\n    },\n    'hljs-code': {\n      color: themeName === 'dark' ? '#cccccc' : '#535a60',\n    },\n    'hljs-deletion': {\n      color: themeName === 'dark' ? '#de7176' : '#c02d2e',\n    },\n    'hljs-addition': {\n      color: themeName === 'dark' ? '#76c490' : '#2f6f44',\n    },\n    'hljs-emphasis': {\n      fontStyle: 'italic',\n    },\n    'hljs-strong': {\n      fontWeight: 'bold',\n    },\n  };\n};\n\nexport default useColorStyle;\n"],"names":["useColorStyle","defaultTheme","theme","useTheme","inheritedThemeName","name","themeName","codeTheme","click","codeblock","color","hljs","display","overflowX","padding","space","y","x","text","default","background","borderRadius","radii","all","font","typography","fontStyle","fontWeight"],"mappings":"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"}

package/dist/cjs/components/Collapsible/IconWrapper.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const styledComponents = require('styled-components');
+const Icon = require('../Icon/index.cjs');
+
+const LabelContainer = styledComponents.styled.span.withConfig({
+  componentId: "sc-1gj86ij-0"
+})(["display:flex;align-items:center;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;flex:1;gap:", ";overflow:hidden;"], ({
+  theme
+}) => theme.click.sidebar.navigation.item.default.space.gap);
+const EllipsisContainer = styledComponents.styled.span.withConfig({
+  componentId: "sc-1gj86ij-1"
+})(["display:flex;white-space:nowrap;overflow:hidden;justify-content:flex-start;gap:inherit;flex:1;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
+const IconWrapper = ({
+  icon,
+  iconDir = "start",
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(LabelContainer, { children: [
+    icon && iconDir === "start" && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, size: "sm" }),
+    /* @__PURE__ */ jsxRuntime.jsx(EllipsisContainer, { children }),
+    icon && iconDir === "end" && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, size: "sm" })
+  ] });
+};
+
+exports.IconWrapper = IconWrapper;
+//# sourceMappingURL=IconWrapper.cjs.map

package/dist/cjs/components/Collapsible/IconWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.cjs","sources":["../../../../src/components/Collapsible/IconWrapper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { styled } from 'styled-components';\nimport { Icon } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport type { ImageName } from '@/components/Icon';\n\nconst LabelContainer = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  width: -webkit-fill-available;\n  width: fill-available;\n  width: stretch;\n  flex: 1;\n  gap: ${({ theme }) => theme.click.sidebar.navigation.item.default.space.gap};\n  overflow: hidden;\n`;\n\nconst EllipsisContainer = styled.span`\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  justify-content: flex-start;\n  gap: inherit;\n  flex: 1;\n  & > *:not(button) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`;\n\nexport const IconWrapper = ({\n  icon,\n  iconDir = 'start',\n  children,\n}: {\n  // TODO: The consumer app seem to expect to use other assets\n  // this needs to be investigated why it had type IconName\n  icon?: ImageName;\n  iconDir?: HorizontalDirection;\n  children: ReactNode;\n}) => {\n  return (\n    <LabelContainer>\n      {icon && iconDir === 'start' && (\n        <Icon\n          name={icon}\n          size=\"sm\"\n        />\n      )}\n      <EllipsisContainer>{children}</EllipsisContainer>\n      {icon && iconDir === 'end' && (\n        <Icon\n          name={icon}\n          size=\"sm\"\n        />\n      )}\n    </LabelContainer>\n  );\n};\n"],"names":["LabelContainer","styled","span","withConfig","componentId","theme","click","sidebar","navigation","item","default","space","gap","EllipsisContainer","IconWrapper","icon","iconDir","children","jsx","Icon"],"mappings":";;;;;;;;AAMA,MAAMA,cAAAA,GAAiBC,uBAAAA,CAAOC,IAAAA,CAAIC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,mJAAA,EAAA,mBAAA,GASzB,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAMA,MAAMC,KAAAA,CAAMC,OAAAA,CAAQC,WAAWC,IAAAA,CAAKC,OAAAA,CAAQC,MAAMC,GAAG,CAAA;AAI7E,MAAMC,iBAAAA,GAAoBZ,uBAAAA,CAAOC,IAAAA,CAAIC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,0JAAA,CAAA,CAAA;AAa9B,MAAMU,cAAcA,CAAC;AAAA,EAC1BC,IAAAA;AAAAA,EACAC,OAAAA,GAAU,OAAA;AAAA,EACVC;AAOF,CAAA,KAAM;AACJ,EAAA,uCACG,cAAA,EAAA,EACEF,QAAAA,EAAAA;AAAAA,IAAAA,IAAAA,IAAQC,YAAY,OAAA,oBACnBE,cAAA,CAACC,aACC,IAAA,EAAMJ,IAAAA,EACN,MAAK,IAAA,EAAI,CAAA;AAAA,oBAGbG,cAAA,CAAC,qBAAmBD,QAAAA,EAAS,CAAA;AAAA,IAC5BF,IAAAA,IAAQC,YAAY,KAAA,oBACnBE,cAAA,CAACC,aACC,IAAA,EAAMJ,IAAAA,EACN,MAAK,IAAA,EAAI;AAAA,GAAA,EAGf,CAAA;AAEJ;;;;"}

package/dist/cjs/components/Collapsible/index.cjs

@@ -0,0 +1,129 @@
+'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 EmptyButton = require('../EmptyButton/index.cjs');
+const IconWrapper = require('./IconWrapper.cjs');
+const Icon = require('../Icon/index.cjs');
+
+const NavContext = react.createContext({
+  open: false,
+  onOpenChange: () => null
+});
+const CollapsibleContainer = styledComponents.styled.div.withConfig({
+  componentId: "sc-jssfa0-0"
+})(["width:100%;[data-trigger-icon]{visibility:hidden;transition:transform 150ms cubic-bezier(0.87,0,0.13,1);&[data-open='true']{transform:rotate(90deg);}}[data-collapsible-header]:hover [data-trigger-icon]{visibility:visible;}"]);
+const Collapsible = ({
+  open: openProp,
+  onOpenChange: onOpenChangeProp,
+  children,
+  ...props
+}) => {
+  const [open, setOpen] = react.useState(openProp ?? false);
+  const onOpenChange = () => {
+    setOpen((open2) => {
+      if (typeof onOpenChangeProp === "function") {
+        onOpenChangeProp(!open2);
+      }
+      return !open2;
+    });
+  };
+  react.useEffect(() => {
+    setOpen((open2) => openProp ?? open2);
+  }, [openProp]);
+  const value = {
+    open: openProp ?? open,
+    onOpenChange
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContainer, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(NavContext.Provider, { value, children }) });
+};
+const CollapsipleHeaderContainer = styledComponents.styled.div.withConfig({
+  componentId: "sc-jssfa0-1"
+})(["margin-left:", ";user-select:none;"], ({
+  theme,
+  $indicatorDir
+}) => $indicatorDir === "start" ? 0 : theme.click.image.sm.size.width);
+const CollapsipleHeader = react.forwardRef(({
+  indicatorDir = "start",
+  icon,
+  iconDir,
+  children,
+  wrapInTrigger,
+  onClick: onClickProp,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = react.useContext(NavContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(CollapsipleHeaderContainer, { $indicatorDir: indicatorDir, ref, onClick: (e) => {
+    if (wrapInTrigger && typeof onOpenChange === "function") {
+      onOpenChange();
+    }
+    if (typeof onClickProp === "function") {
+      onClickProp(e);
+    }
+  }, "data-collapsible-header": true, ...props, children: [
+    indicatorDir === "start" && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.Trigger, {}),
+    children && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children }),
+    indicatorDir === "end" && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.Trigger, {})
+  ] });
+});
+CollapsipleHeader.displayName = "CollapsibleHeader";
+Collapsible.Header = CollapsipleHeader;
+const CollapsipleTriggerButton = styledComponents.styled(EmptyButton.EmptyButton).withConfig({
+  componentId: "sc-jssfa0-2"
+})(["display:flex;align-items:center;font:inherit;color:inherit;cursor:inherit;"]);
+const CollapsipleTrigger = ({
+  onClick: onClickProp,
+  children,
+  indicatorDir = "start",
+  icon,
+  iconDir = "start",
+  ...props
+}) => {
+  const {
+    open,
+    onOpenChange
+  } = react.useContext(NavContext);
+  const onClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (onClickProp) {
+      onClickProp(e);
+    }
+    onOpenChange();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(CollapsipleTriggerButton, { onClick, $indicatorDir: indicatorDir, "aria-label": "trigger children", ...props, children: [
+    indicatorDir === "start" && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { "data-trigger-icon": true, name: "chevron-right", "data-open": open.toString(), size: "sm" }),
+    children && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children }),
+    indicatorDir === "end" && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { "data-trigger-icon": true, name: "chevron-right", "data-open": open.toString(), size: "sm" })
+  ] });
+};
+CollapsipleTrigger.displayName = "CollapsibleTrigger";
+Collapsible.Trigger = CollapsipleTrigger;
+const CollapsibleContentWrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-jssfa0-3"
+})(["", ""], ({
+  theme,
+  $indicatorDir
+}) => $indicatorDir ? `${$indicatorDir === "start" ? "margin-left" : "margin-right"}: ${theme.click.image.sm.size.width}` : "");
+const CollapsipleContent = ({
+  indicatorDir,
+  ...props
+}) => {
+  const {
+    open
+  } = react.useContext(NavContext);
+  if (!open) {
+    return;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContentWrapper, { $indicatorDir: indicatorDir, ...props });
+};
+CollapsipleContent.displayName = "CollapsibleContent";
+Collapsible.Content = CollapsipleContent;
+
+exports.Collapsible = Collapsible;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  HTMLAttributes,\n  useContext,\n  useEffect,\n  forwardRef,\n} from 'react';\nimport { styled } from 'styled-components';\n\nimport { Icon, type ImageName } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport { EmptyButton } from '@/components/EmptyButton';\n\nimport { IconWrapper } from './IconWrapper';\nimport { CollapsibleProps } from './Collapsible.types';\n\ntype ContextProps = {\n  open: boolean;\n  onOpenChange: () => void;\n};\n\nconst NavContext = createContext<ContextProps>({\n  open: false,\n  onOpenChange: () => null,\n});\nconst CollapsibleContainer = styled.div`\n  width: 100%;\n  [data-trigger-icon] {\n    visibility: hidden;\n    transition: transform 150ms cubic-bezier(0.87, 0, 0.13, 1);\n    &[data-open='true'] {\n      transform: rotate(90deg);\n    }\n  }\n  [data-collapsible-header]:hover [data-trigger-icon] {\n    visibility: visible;\n  }\n`;\n\nexport const Collapsible = ({\n  open: openProp,\n  onOpenChange: onOpenChangeProp,\n  children,\n  ...props\n}: CollapsibleProps) => {\n  const [open, setOpen] = useState(openProp ?? false);\n  const onOpenChange = () => {\n    setOpen(open => {\n      if (typeof onOpenChangeProp === 'function') {\n        onOpenChangeProp(!open);\n      }\n      return !open;\n    });\n  };\n\n  useEffect(() => {\n    setOpen(open => openProp ?? open);\n  }, [openProp]);\n\n  const value = {\n    open: openProp ?? open,\n    onOpenChange,\n  };\n  return (\n    <CollapsibleContainer {...props}>\n      <NavContext.Provider value={value}>{children}</NavContext.Provider>\n    </CollapsibleContainer>\n  );\n};\n\nconst CollapsipleHeaderContainer = styled.div<{ $indicatorDir: HorizontalDirection }>`\n  margin-left: ${({ theme, $indicatorDir }) =>\n    $indicatorDir === 'start' ? 0 : theme.click.image.sm.size.width};\n  user-select: none;\n`;\n\ninterface CollapsipleHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ImageName;\n  iconDir?: HorizontalDirection;\n  indicatorDir?: HorizontalDirection;\n  wrapInTrigger?: boolean;\n}\n\nconst CollapsipleHeader = forwardRef<HTMLDivElement, CollapsipleHeaderProps>(\n  (\n    {\n      indicatorDir = 'start',\n      icon,\n      iconDir,\n      children,\n      wrapInTrigger,\n      onClick: onClickProp,\n      ...props\n    }: CollapsipleHeaderProps,\n    ref\n  ) => {\n    const { onOpenChange } = useContext(NavContext);\n    return (\n      <CollapsipleHeaderContainer\n        $indicatorDir={indicatorDir}\n        ref={ref}\n        onClick={e => {\n          if (wrapInTrigger && typeof onOpenChange === 'function') {\n            onOpenChange();\n          }\n          if (typeof onClickProp === 'function') {\n            onClickProp(e);\n          }\n        }}\n        data-collapsible-header\n        {...props}\n      >\n        {indicatorDir === 'start' && <Collapsible.Trigger />}\n        {children && (\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {children}\n          </IconWrapper>\n        )}\n        {indicatorDir === 'end' && <Collapsible.Trigger />}\n      </CollapsipleHeaderContainer>\n    );\n  }\n);\n\nCollapsipleHeader.displayName = 'CollapsibleHeader';\nCollapsible.Header = CollapsipleHeader;\n\nconst CollapsipleTriggerButton = styled(EmptyButton)<{\n  $indicatorDir: HorizontalDirection;\n}>`\n  display: flex;\n  align-items: center;\n  font: inherit;\n  color: inherit;\n  cursor: inherit;\n`;\ninterface CollapsipleTriggerProps extends HTMLAttributes<HTMLButtonElement> {\n  icon?: ImageName;\n  iconDir?: HorizontalDirection;\n  indicatorDir?: HorizontalDirection;\n}\n\nconst CollapsipleTrigger = ({\n  onClick: onClickProp,\n  children,\n  indicatorDir = 'start',\n  icon,\n  iconDir = 'start',\n  ...props\n}: CollapsipleTriggerProps) => {\n  const { open, onOpenChange } = useContext(NavContext);\n  const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (onClickProp) {\n      onClickProp(e);\n    }\n    onOpenChange();\n  };\n\n  return (\n    <CollapsipleTriggerButton\n      onClick={onClick}\n      $indicatorDir={indicatorDir}\n      aria-label=\"trigger children\"\n      {...props}\n    >\n      {indicatorDir === 'start' && (\n        <Icon\n          data-trigger-icon\n          name=\"chevron-right\"\n          data-open={open.toString()}\n          size=\"sm\"\n        />\n      )}\n      {children && (\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n        >\n          {children}\n        </IconWrapper>\n      )}\n      {indicatorDir === 'end' && (\n        <Icon\n          data-trigger-icon\n          name=\"chevron-right\"\n          data-open={open.toString()}\n          size=\"sm\"\n        />\n      )}\n    </CollapsipleTriggerButton>\n  );\n};\n\nCollapsipleTrigger.displayName = 'CollapsibleTrigger';\nCollapsible.Trigger = CollapsipleTrigger;\n\nconst CollapsibleContentWrapper = styled.div<{ $indicatorDir?: HorizontalDirection }>`\n  ${({ theme, $indicatorDir }) =>\n    $indicatorDir\n      ? `${$indicatorDir === 'start' ? 'margin-left' : 'margin-right'}: ${\n          theme.click.image.sm.size.width\n        }`\n      : ''}\n`;\n\nconst CollapsipleContent = ({\n  indicatorDir,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { indicatorDir?: HorizontalDirection }) => {\n  const { open } = useContext(NavContext);\n  if (!open) {\n    return;\n  }\n  return (\n    <CollapsibleContentWrapper\n      $indicatorDir={indicatorDir}\n      {...props}\n    />\n  );\n};\n\nCollapsipleContent.displayName = 'CollapsibleContent';\nCollapsible.Content = CollapsipleContent;\n"],"names":["NavContext","createContext","open","onOpenChange","CollapsibleContainer","styled","div","withConfig","componentId","Collapsible","openProp","onOpenChangeProp","children","props","setOpen","useState","useEffect","value","jsx","CollapsipleHeaderContainer","theme","$indicatorDir","click","image","sm","size","width","CollapsipleHeader","forwardRef","indicatorDir","icon","iconDir","wrapInTrigger","onClick","onClickProp","ref","useContext","e","IconWrapper","displayName","Header","CollapsipleTriggerButton","EmptyButton","CollapsipleTrigger","preventDefault","stopPropagation","jsxs","Icon","toString","Trigger","CollapsibleContentWrapper","CollapsipleContent","Content"],"mappings":"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"}

package/dist/cjs/components/ConfirmationDialog/index.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const styledComponents = require('styled-components');
+const Dialog = require('../Dialog/index.cjs');
+const Container = require('../Container/index.cjs');
+const Text = require('../Text/index.cjs');
+const Separator = require('../Separator/index.cjs');
+
+const ActionsWrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-n8hm07-0"
+})(["display:flex;justify-content:flex-end;gap:", ";@media (max-width:", "){flex-direction:column;}"], (props) => props.theme.click.dialog.space.gap, ({
+  theme
+}) => theme.breakpoint.sizes.sm);
+const DialogContent = styledComponents.styled.div.withConfig({
+  componentId: "sc-n8hm07-1"
+})(["overflow:hidden;display:flex;flex-direction:column;"]);
+const ConfirmationDialog = ({
+  children,
+  disabled,
+  loading,
+  message,
+  onCancel,
+  onConfirm,
+  open,
+  primaryActionLabel = "Confirm",
+  primaryActionType = "primary",
+  secondaryActionLabel = "Cancel",
+  showClose,
+  title,
+  ...props
+}) => {
+  if (children && message) {
+    throw new Error("You can't pass children and message props at the same time");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog, { open, onOpenChange: (open2) => {
+    if (!open2 && onCancel) {
+      onCancel();
+    }
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { as: Dialog.Dialog.Content, title, showClose, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { overflow: "auto", grow: "1", orientation: "vertical", children: children ? children : /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { children: message }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Separator.Separator, { size: "xl" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ActionsWrapper, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, autoFocus: open, onClick: () => {
+        if (onConfirm) {
+          onConfirm();
+        }
+      }, "data-testid": "confirm-action-button" })
+    ] })
+  ] }) });
+};
+
+exports.ConfirmationDialog = ConfirmationDialog;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import { Container } from '@/components/Container';\nimport { Dialog } from '@/components/Dialog';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport { ReactElement } from 'react';\nimport { styled } from 'styled-components';\nimport { ConfirmationDialogProps } from './ConfirmationDialog.types';\n\nconst ActionsWrapper = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  gap: ${props => props.theme.click.dialog.space.gap};\n  @media (max-width: ${({ theme }) => theme.breakpoint.sizes.sm}) {\n    flex-direction: column;\n  }\n`;\n\nconst DialogContent = styled.div`\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const ConfirmationDialog = ({\n  children,\n  disabled,\n  loading,\n  message,\n  onCancel,\n  onConfirm,\n  open,\n  primaryActionLabel = 'Confirm',\n  primaryActionType = 'primary',\n  secondaryActionLabel = 'Cancel',\n  showClose,\n  title,\n  ...props\n}: ConfirmationDialogProps): ReactElement => {\n  if (children && message) {\n    throw new Error(\"You can't pass children and message props at the same time\");\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(open: boolean) => {\n        if (!open && onCancel) {\n          onCancel();\n        }\n      }}\n    >\n      <DialogContent\n        as={Dialog.Content}\n        title={title}\n        showClose={showClose}\n        {...props}\n      >\n        <Container\n          overflow=\"auto\"\n          grow=\"1\"\n          orientation=\"vertical\"\n        >\n          {children ? children : <Text>{message}</Text>}\n        </Container>\n        <Separator size=\"xl\" />\n        <ActionsWrapper>\n          <Dialog.Close\n            label={secondaryActionLabel}\n            data-testid=\"cancel-action-button\"\n          />\n          <Dialog.Close\n            loading={!!loading}\n            disabled={!!disabled || !!loading}\n            type={primaryActionType}\n            label={primaryActionLabel}\n            autoFocus={open}\n            onClick={() => {\n              if (onConfirm) {\n                onConfirm();\n              }\n            }}\n            data-testid=\"confirm-action-button\"\n          />\n        </ActionsWrapper>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["ActionsWrapper","styled","div","withConfig","componentId","props","theme","click","dialog","space","gap","breakpoint","sizes","sm","DialogContent","ConfirmationDialog","children","disabled","loading","message","onCancel","onConfirm","open","primaryActionLabel","primaryActionType","secondaryActionLabel","showClose","title","Error","jsx","Dialog","Content","Container","Text","Separator"],"mappings":";;;;;;;;;;;AAQA,MAAMA,cAAAA,GAAiBC,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4CAAA,EAAA,qBAAA,EAAA,2BAAA,CAAA,EAGxBC,CAAAA,KAAAA,KAASA,KAAAA,CAAMC,KAAAA,CAAMC,KAAAA,CAAMC,MAAAA,CAAOC,KAAAA,CAAMC,KAC1B,CAAC;AAAA,EAAEJ;AAAM,CAAA,KAAMA,KAAAA,CAAMK,UAAAA,CAAWC,KAAAA,CAAMC,EAAE,CAAA;AAK/D,MAAMC,aAAAA,GAAgBb,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,qDAAA,CAAA,CAAA;AAMzB,MAAMW,qBAAqBA,CAAC;AAAA,EACjCC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,kBAAAA,GAAqB,SAAA;AAAA,EACrBC,iBAAAA,GAAoB,SAAA;AAAA,EACpBC,oBAAAA,GAAuB,QAAA;AAAA,EACvBC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGtB;AACoB,CAAA,KAAoB;AAC3C,EAAA,IAAIW,YAAYG,OAAAA,EAAS;AACvB,IAAA,MAAM,IAAIS,MAAM,4DAA4D,CAAA;AAAA,EAC9E;AAEA,EAAA,uBACEC,cAAA,CAACC,aAAA,EAAA,EACC,IAAA,EACA,YAAA,EAAc,CAACR,KAAAA,KAAkB;AAC/B,IAAA,IAAI,CAACA,SAAQF,QAAAA,EAAU;AACrBA,MAAAA,QAAAA,EAAS;AAAA,IACX;AAAA,EACF,CAAA,EAEA,0CAAC,aAAA,EAAA,EACC,EAAA,EAAIU,cAAOC,OAAAA,EACX,KAAA,EACA,SAAA,EACA,GAAI1B,KAAAA,EAEJ,QAAA,EAAA;AAAA,oBAAAwB,cAAA,CAACG,mBAAA,EAAA,EACC,QAAA,EAAS,MAAA,EACT,IAAA,EAAK,GAAA,EACL,WAAA,EAAY,UAAA,EAEXhB,QAAAA,EAAAA,QAAAA,GAAWA,QAAAA,mBAAWa,cAAA,CAACI,SAAA,EAAA,EAAMd,QAAAA,EAAAA,OAAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,oBACAU,cAAA,CAACK,mBAAA,EAAA,EAAU,IAAA,EAAK,IAAA,EAAI,CAAA;AAAA,oCACnB,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAACC,cAAO,KAAA,EAAP,EACC,KAAA,EAAOL,oBAAAA,EACP,eAAY,sBAAA,EAAsB,CAAA;AAAA,sBAEpCI,cAAA,CAACC,cAAO,KAAA,EAAP,EACC,SAAS,CAAC,CAACZ,OAAAA,EACX,QAAA,EAAU,CAAC,CAACD,YAAY,CAAC,CAACC,SAC1B,IAAA,EAAMM,iBAAAA,EACN,OAAOD,kBAAAA,EACP,SAAA,EAAWD,IAAAA,EACX,OAAA,EAAS,MAAM;AACb,QAAA,IAAID,SAAAA,EAAW;AACbA,UAAAA,SAAAA,EAAU;AAAA,QACZ;AAAA,MACF,CAAA,EACA,eAAY,uBAAA,EAAuB;AAAA,KAAA,EAEvC;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/cjs/components/Container/index.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const styledComponents = require('styled-components');
+const react = require('react');
+
+const _Container = ({
+  component,
+  alignItems,
+  children,
+  fillWidth = true,
+  gap = "none",
+  grow,
+  shrink,
+  isResponsive,
+  justifyContent = "start",
+  maxWidth,
+  minWidth,
+  orientation = "horizontal",
+  padding = "none",
+  wrap = "nowrap",
+  fillHeight,
+  maxHeight,
+  minHeight,
+  overflow,
+  display = "flex",
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { ref, as: component ?? "div", $alignItems: alignItems ?? (orientation === "vertical" ? "start" : "center"), $fillWidth: fillWidth, $gapSize: gap, $grow: grow, $shrink: shrink, $isResponsive: isResponsive, $justifyContent: justifyContent, $maxWidth: maxWidth, $minWidth: minWidth, $orientation: orientation, $paddingSize: padding, $wrap: wrap, $fillHeight: fillHeight, $maxHeight: maxHeight, $minHeight: minHeight, $overflow: overflow, $display: display, "data-testid": "container", ...props, children });
+};
+const Wrapper = styledComponents.styled.div.withConfig({
+  componentId: "sc-1g171hn-0"
+})(["display:", ";", " ", " ", " flex-wrap:", ";gap:", ";max-width:", ";min-width:", ";padding:", ";width:", ";flex-direction:", ";align-items:", ";justify-content:", ";@media (max-width:", "){width:", ";max-width:", ";flex-direction:", ";}"], ({
+  $display
+}) => $display, ({
+  $grow,
+  $shrink
+}) => `
+    ${$grow && `flex: ${$grow}`};
+    ${$shrink && `flex-shrink: ${$shrink}`};
+  `, ({
+  $fillHeight,
+  $maxHeight,
+  $minHeight
+}) => `
+    ${$fillHeight && "height: 100%"};
+    ${$maxHeight && `max-height: ${$maxHeight}`};
+    ${$minHeight && `min-height: ${$minHeight}`};
+  `, ({
+  $overflow
+}) => `
+    ${$overflow && `overflow: ${$overflow}`};
+  `, ({
+  $wrap = "nowrap"
+}) => $wrap, ({
+  theme,
+  $gapSize
+}) => theme.click.container.gap[$gapSize], ({
+  $maxWidth
+}) => $maxWidth ?? "none", ({
+  $minWidth
+}) => $minWidth ?? "auto", ({
+  theme,
+  $paddingSize
+}) => theme.click.container.space[$paddingSize], ({
+  $fillWidth = true
+}) => $fillWidth === true ? "100%" : "auto", ({
+  $orientation = "horizontal"
+}) => $orientation === "horizontal" ? "row" : "column", ({
+  $alignItems = "center"
+}) => $alignItems, ({
+  $justifyContent = "left"
+}) => $justifyContent === "start" ? "start" : `${$justifyContent}`, ({
+  theme
+}) => theme.breakpoint.sizes.md, ({
+  $isResponsive = true,
+  $fillWidth = true
+}) => $isResponsive === true ? "100%" : $fillWidth === true ? "100%" : "auto", ({
+  $isResponsive = true
+}) => $isResponsive === true ? "none" : "auto", ({
+  $isResponsive = true
+}) => $isResponsive === true ? "column" : "auto");
+const Container = react.forwardRef(_Container);
+
+exports.Container = Container;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport {\n  ComponentProps,\n  ComponentPropsWithRef,\n  ElementType,\n  ReactNode,\n  forwardRef,\n} from 'react';\nimport type { Orientation } from '@/types';\nimport { ContainerProps, GapOptions, PaddingOptions } from './Container.types';\n\ntype AlignItemsOptions = 'start' | 'center' | 'end' | 'stretch';\ntype GrowShrinkOptions = '0' | '1' | '2' | '3' | '4' | '5' | '6';\ntype JustifyContentOptions =\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n  | 'start'\n  | 'end'\n  | 'left'\n  | 'right';\ntype WrapOptions = 'nowrap' | 'wrap' | 'wrap-reverse';\n\ntype ContainerPolymorphicComponent = <T extends ElementType = 'div'>(\n  props: Omit<ComponentProps<T>, keyof T> & ContainerProps<T>\n) => ReactNode;\n\nconst _Container = <T extends ElementType = 'div'>(\n  {\n    component,\n    alignItems,\n    children,\n    fillWidth = true,\n    gap = 'none',\n    grow,\n    shrink,\n    isResponsive,\n    justifyContent = 'start',\n    maxWidth,\n    minWidth,\n    orientation = 'horizontal',\n    padding = 'none',\n    wrap = 'nowrap',\n    fillHeight,\n    maxHeight,\n    minHeight,\n    overflow,\n    display = 'flex',\n    ...props\n  }: Omit<ComponentProps<T>, keyof T> & ContainerProps<T>,\n  ref: ComponentPropsWithRef<T>['ref']\n) => {\n  return (\n    <Wrapper\n      ref={ref}\n      as={component ?? 'div'}\n      $alignItems={alignItems ?? (orientation === 'vertical' ? 'start' : 'center')}\n      $fillWidth={fillWidth}\n      $gapSize={gap}\n      $grow={grow}\n      $shrink={shrink}\n      $isResponsive={isResponsive}\n      $justifyContent={justifyContent}\n      $maxWidth={maxWidth}\n      $minWidth={minWidth}\n      $orientation={orientation}\n      $paddingSize={padding}\n      $wrap={wrap}\n      $fillHeight={fillHeight}\n      $maxHeight={maxHeight}\n      $minHeight={minHeight}\n      $overflow={overflow}\n      $display={display}\n      data-testid=\"container\"\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n};\nconst Wrapper = styled.div<{\n  $alignItems: AlignItemsOptions;\n  $fillWidth?: boolean;\n  $gapSize: GapOptions;\n  $grow?: GrowShrinkOptions;\n  $shrink?: GrowShrinkOptions;\n  $isResponsive?: boolean;\n  $justifyContent: JustifyContentOptions;\n  $maxWidth?: string;\n  $minWidth?: string;\n  $orientation: Orientation;\n  $paddingSize: PaddingOptions;\n  $wrap: WrapOptions;\n  $fillHeight?: boolean;\n  $minHeight?: string;\n  $maxHeight?: string;\n  $overflow?: string;\n  $display: string;\n}>`\n  display: ${({ $display }) => $display};\n  ${({ $grow, $shrink }) => `\n    ${$grow && `flex: ${$grow}`};\n    ${$shrink && `flex-shrink: ${$shrink}`};\n  `}\n  ${({ $fillHeight, $maxHeight, $minHeight }) => `\n    ${$fillHeight && 'height: 100%'};\n    ${$maxHeight && `max-height: ${$maxHeight}`};\n    ${$minHeight && `min-height: ${$minHeight}`};\n  `}\n  ${({ $overflow }) => `\n    ${$overflow && `overflow: ${$overflow}`};\n  `}\n  flex-wrap: ${({ $wrap = 'nowrap' }) => $wrap};\n  gap: ${({ theme, $gapSize }) => theme.click.container.gap[$gapSize]};\n  max-width: ${({ $maxWidth }) => $maxWidth ?? 'none'};\n  min-width: ${({ $minWidth }) => $minWidth ?? 'auto'};\n  padding: ${({ theme, $paddingSize }) => theme.click.container.space[$paddingSize]};\n  width: ${({ $fillWidth = true }) => ($fillWidth === true ? '100%' : 'auto')};\n  flex-direction: ${({ $orientation = 'horizontal' }) =>\n    $orientation === 'horizontal' ? 'row' : 'column'};\n  align-items: ${({ $alignItems = 'center' }) => $alignItems};\n  justify-content: ${({ $justifyContent = 'left' }) =>\n    $justifyContent === 'start' ? 'start' : `${$justifyContent}`};\n\n  @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n    width: ${({ $isResponsive = true, $fillWidth = true }) =>\n      $isResponsive === true ? '100%' : $fillWidth === true ? '100%' : 'auto'};\n    max-width: ${({ $isResponsive = true }) =>\n      $isResponsive === true ? 'none' : 'auto'};\n    flex-direction: ${({ $isResponsive = true }) =>\n      $isResponsive === true ? 'column' : 'auto'};\n  }\n`;\n\nexport const Container: ContainerPolymorphicComponent = forwardRef(_Container);\n"],"names":["_Container","component","alignItems","children","fillWidth","gap","grow","shrink","isResponsive","justifyContent","maxWidth","minWidth","orientation","padding","wrap","fillHeight","maxHeight","minHeight","overflow","display","props","ref","jsx","Wrapper","styled","div","withConfig","componentId","$display","$grow","$shrink","$fillHeight","$maxHeight","$minHeight","$overflow","$wrap","theme","$gapSize","click","container","$maxWidth","$minWidth","$paddingSize","space","$fillWidth","$orientation","$alignItems","$justifyContent","breakpoint","sizes","md","$isResponsive","Container","forwardRef"],"mappings":"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"}