ekm-ui 0.3.76 → 0.3.78

package/dist/chunk-3LINEESX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/badge.tsx"],"names":["import_prop_types","variantProps","jsx","badgeProps","Badge","color","size","className","children","twMerge","__spreadProps","__spreadValues","PropTypes"],"mappings":"oIAEA,IAAAA,EAAsB,OADtB,OAAS,gBAAAC,MAAoB,2BAoCvB,cAAAC,MAAA,oBAhCN,IAAMC,EAAaF,EAAa,CAC9B,KAAM,kEACN,SAAU,CACR,MAAO,CACL,KAAM,qHACN,KAAM,qHACN,QAAS,+GACT,QAAS,2HACT,QAAS,iIACT,OAAQ,iIACR,OAAQ,iIACR,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,MAAO,qHACP,MAAO,2HACP,KAAM,qHACN,IAAK,+GACL,KAAM,qHACN,OAAQ,gIACV,EACA,KAAM,CACJ,GAAI,cACJ,GAAI,eACN,CACF,CACF,CAAC,EAEM,SAASG,EAAM,CAAE,MAAAC,EAAQ,OAAQ,KAAAC,EAAO,KAAM,UAAAC,EAAW,SAAAC,CAAS,EAAG,CAC1E,OACEN,EAAC,OAAI,UAAWO,EAAQ,WAAYF,CAAS,EAC3C,SAAAL,EAAC,OAAAQ,EAAAC,EAAA,GAASR,EAAW,CAAE,MAAAE,EAAO,KAAAC,CAAK,CAAC,GAAnC,CAAuC,SAAAE,GAAS,EACnD,CAEJ,CAEAJ,EAAM,UAAY,CAEhB,MAAO,EAAAQ,QAAU,OAEjB,KAAM,EAAAA,QAAU,MAAM,CAAC,KAAM,IAAI,CAAC,EAElC,UAAW,EAAAA,QAAU,MACvB,EAEAR,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from 'classname-variants/react'\nimport PropTypes from 'prop-types'\nimport { twMerge } from 'tailwind-merge'\n\nconst badgeProps = variantProps({\n  base: 'flex h-fit items-center gap-1 font-semibold rounded px-2 py-0.5',\n  variants: {\n    color: {\n      info: 'bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300',\n      gray: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600',\n      failure: 'bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300',\n      success: 'bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300',\n      warning: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300',\n      indigo: 'bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300',\n      purple: 'bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300',\n      pink: 'bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300',\n      blue: 'bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300',\n      cyan: 'bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300',\n      dark: 'bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700',\n      light: 'bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500',\n      green: 'bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300',\n      lime: 'bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300',\n      red: 'bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300',\n      teal: 'bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300',\n      yellow: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300',\n    },\n    size: {\n      xs: 'p-1 text-xs',\n      sm: 'p-1.5 text-sm',\n    },\n  },\n})\n\nexport function Badge({ color = 'gray', size = 'xs', className, children }) {\n  return (\n    <div className={twMerge('flex p-4', className)}>\n      <span {...badgeProps({ color, size })}>{children}</span>\n    </div>\n  )\n}\n\nBadge.propTypes = {\n  /** String for color of badge */\n  color: PropTypes.string,\n  /** String to determine the size of the badge. \"xs, sm\" */\n  size: PropTypes.oneOf(['xs', 'sm']),\n  /** Additional classes */\n  className: PropTypes.string,\n}\n\nBadge.displayName = 'Badge'\n"]}

package/dist/chunk-47S6AX7M.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/fixed-alert.tsx"],"names":["clsx","jsx","jsxs","FixedAlert","title","text","buttonText","position","Button"],"mappings":"yCAEA,OAAOA,MAAU,OAoBX,OACE,OAAAC,EADF,QAAAC,MAAA,oBAXC,SAASC,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,WAAAC,EAAY,SAAAC,CAAS,EAAU,CACvE,OACEL,EAAC,OACC,UAAWF,EACT,gIACA,CACE,IAAK,QACL,OAAQ,UACV,EAAEO,CAAQ,CACZ,EAEA,UAAAL,EAAC,OAAI,UAAU,GACb,UAAAD,EAAC,KAAE,UAAU,0DACV,SAAAG,EACH,EACAH,EAAC,KAAE,UAAU,+CAAgD,SAAAI,EAAK,GACpE,EACCC,GACCL,EAACO,EAAA,CACC,MAAM,UACN,KAAK,KAEJ,SAAAF,EACH,GAEJ,CAEJ","sourcesContent":["// @ts-nocheck\nimport { Button } from \"./button\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  title: string;\n  text: string;\n  buttonText: string;\n  position: \"top\" | \"bottom\";\n};\n\nexport function FixedAlert({ title, text, buttonText, position }: Props) {\n  return (\n    <div\n      className={clsx(\n        \"fixed left-0 flex w-full flex-wrap items-center justify-between gap-2 bg-yellow-50 px-5 py-4 dark:bg-gray-800 sm:flex-nowrap \",\n        {\n          top: \"top-0\",\n          bottom: \"bottom-0\",\n        }[position]\n      )}\n    >\n      <div className=\"\">\n        <p className=\"mb-1 font-semibold text-yellow-700 dark:text-yellow-300\">\n          {title}\n        </p>\n        <p className=\"text-sm text-yellow-800 dark:text-yellow-400\">{text}</p>\n      </div>\n      {buttonText && (\n        <Button\n          color=\"success\"\n          size=\"sm\"\n        >\n          {buttonText}\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-5CGIKL2Y.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/progress-bar.tsx"],"names":["import_prop_types","jsx","colors","sizes","ProgressBar","progress","size","color","PropTypes"],"mappings":"kFACA,IAAAA,EAAsB,OAuBhB,cAAAC,MAAA,oBArBN,IAAMC,EAAS,OAAO,OAAO,CAC3B,QAAS,+BACT,UAAW,+BACX,QAAS,iCACT,OAAQ,6BACR,QAAS,mCACT,KAAM,+BACN,MAAO,+BACP,KAAM,8BACR,CAAC,EAEKC,EAAQ,OAAO,OAAO,CAC1B,GAAI,aACJ,GAAI,aACJ,GAAI,WACJ,GAAI,KACN,CAAC,EAEM,SAASC,EAAY,CAAE,SAAAC,EAAU,KAAAC,EAAO,KAAM,MAAAC,EAAM,SAAS,EAAG,CACrE,OACEN,EAAC,OAAI,UAAW,mCAAmCE,EAAMG,CAAI,0BAC3D,SAAAL,EAAC,OAAI,UAAW,GAAGE,EAAMG,CAAI,kBAAkBJ,EAAOK,CAAK,IAAK,MAAO,CAAE,MAAO,GAAGF,IAAY,EAAG,EACpG,CAEJ,CAEAD,EAAY,UAAY,CAEpB,SAAU,EAAAI,QAAU,OAAO,WAE3B,KAAM,EAAAA,QAAU,MAAM,CAAC,KAAM,KAAM,KAAM,IAAI,CAAC,EAEhD,MAAO,EAAAA,QAAU,MAAM,CAAC,UAAW,YAAa,UAAW,SAAU,UAAW,OAAQ,QAAS,MAAM,CAAC,CAC1G","sourcesContent":["//@ts-nocheck\nimport PropTypes from 'prop-types'\n\nconst colors = Object.freeze({\n  primary: 'bg-blue-600 dark:bg-blue-500',\n  secondary: 'bg-gray-600 dark:bg-gray-500',\n  success: 'bg-green-600 dark:bg-green-500',\n  danger: 'bg-red-600 dark:bg-red-500',\n  warning: 'bg-yellow-600 dark:bg-yellow-500',\n  info: 'bg-blue-600 dark:bg-blue-500',\n  light: 'bg-gray-100 dark:bg-gray-900',\n  dark: 'bg-gray-800 dark:bg-gray-200',\n})\n\nconst sizes = Object.freeze({\n  sm: 'h-1.5 mb-4',\n  md: 'h-2.5 mb-4',\n  lg: 'h-4 mb-4',\n  xl: 'h-6',\n})\n\nexport function ProgressBar({ progress, size = 'md', color='primary'}) {\n  return (\n    <div className={`w-full bg-gray-200 rounded-full ${sizes[size]} mb-4 dark:bg-gray-700`}>\n      <div className={`${sizes[size]} rounded-full ${colors[color]}`} style={{ width: `${progress}%` }}></div>\n    </div>\n  )\n}\n\nProgressBar.propTypes = {\n  /** Current progress to be shown (defaults to 0) */\n    progress: PropTypes.number.isRequired,\n   /** Size of the progress bar (defaults to md) */\n    size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl']),\n    /** Color of the progress bar (defaults to primary) */\n  color: PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']),\n}"]}

package/dist/chunk-5DQUZENZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","forwardRef","variantProps","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"2FAGA,IAAAA,EAAsB,OAFtB,OAAS,cAAAC,MAAkB,QAC3B,OAAS,gBAAAC,MAAoB,2BA6DrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA1DR,IAAMC,EAAiBH,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKI,EAAYJ,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAaL,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYM,EAAYP,EAAW,SAAmBQ,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EAAIT,EAC1E,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACEb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,OACb,GACN,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAWQ,EAAW,qCAAuC,OACjE,UAAAM,GAAY,QACVf,EAAC,QAAK,UAAU,2KACd,SAAAc,EACH,EAEAd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACb,EACDS,GAAY,SACZf,EAAC,QAAK,UAAU,2KACd,SAAAc,EACH,GAEF,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACTJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC5B,EACJ,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,CAC7C,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from \"react\";\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\n\nconst textInputProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n  variants: {\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n  },\n});\n\nconst iconProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n  variants: {\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n  },\n});\n\nconst addonProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n  variants: {\n    position: {\n      left: \"rounded-r-lg\",\n      right: \"rounded-l-lg\",\n    },\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n    position: \"left\"\n  },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n  const { color, disabled, type, placeholder, id, icon, addon, position } = props;\n  if (icon) {\n    return (\n      <div className={props.className && props.className}>\n        <div className=\"relative\">\n          <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n            {icon}\n          </div>\n            <input\n              {...iconProps({ color })}\n              type={type ? type : \"text\"}\n              id={id}\n              ref={ref}\n              placeholder={placeholder || \"Enter your text here...\"}\n              name={props.name}\n              disabled={disabled}\n              onChange={props.onChange}\n              value={props.value}\n              />\n        </div>\n      </div>\n    );\n  } else if (addon) {\n    return (\n      <div className={props.className && props.className}>\n        <div className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}>\n        {position == \"left\" &&\n          (<span className=\"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n            {addon}\n          </span>)\n        }\n          <input\n            {...addonProps({ color, position })}\n            type={type ? type : \"text\"}\n            id={id}\n            ref={props.ref}\n            placeholder={placeholder || \"Enter your text here...\"}\n            name={props.name}\n            onChange={props.onChange}\n            value={props.value}\n            />\n          {position == \"right\" && \n          (<span className=\"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n            {addon}\n          </span>)\n        }\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div className={props.className && props.className}>\n        <div\n          className={\n            disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n          }\n          >\n          <input\n            type={type ? type : \"text\"}\n            id={id}\n            ref={props.ref}\n            placeholder={placeholder || \"Enter your text here...\"}\n            name={props.name}\n            onChange={props.onChange}\n            value={props.value}\n            {...textInputProps({ color })}\n            />\n        </div>\n      </div>\n    );\n  }\n});\n\nTextInput.propTypes = {\n  /** Unique id for the TextInput Component */\n  id: PropTypes.string.isRequired,\n  /** Optional placeholder text for TextInput Component */\n  placeholder: PropTypes.string,\n  /** Optional color defaults to gray. Failure and Success options available*/\n  color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n  /** Optional icon TextInput Component */\n  icon: PropTypes.element,\n  /** Optional addon TextInput Component */\n  addon: PropTypes.element,\n  /** Optional to disable component */\n  disabled: PropTypes.bool,\n  /** Optional for position of Addon */\n  position: PropTypes.oneOf([\"left\", \"right\"]),\n};\n\nTextInput.displayName = \"TextInput\";\n"]}

package/dist/chunk-5VH26DHQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/featurePageComponents/feature-page-group.tsx"],"names":["Disclosure","jsx","jsxs","FeaturePageGroup","children","title","description"],"mappings":"AACA,OAAS,cAAAA,MAAkB,oBAajB,OACE,OAAAC,EADF,QAAAC,MAAA,oBALH,SAASC,EAAiB,CAAE,SAAAC,EAAU,MAAAC,EAAO,YAAAC,CAAY,EAAU,CACxE,OACEL,EAACD,EAAA,CACC,SAAAE,EAAC,WACC,UAAAA,EAAC,OAAI,UAAU,0CACb,UAAAA,EAAC,OACC,UAAAD,EAAC,MAAG,UAAU,wBAAyB,SAAAI,EAAM,EAC7CJ,EAAC,KAAE,UAAU,sCAAuC,SAAAK,EAAY,GAClE,EACAL,EAACD,EAAW,OAAX,CAAkB,UAAU,6SAC3B,SAAAC,EAAC,KAAE,qBAAS,EACd,GACF,EACAA,EAACD,EAAW,MAAX,CAAiB,UAAU,QAC1B,SAAAC,EAAC,OAAI,UAAU,yBAA0B,SAAAG,EAAS,EACpD,GACF,EACF,CAEJ","sourcesContent":["import { Button } from \"flowbite-react\";\nimport { Disclosure } from \"@headlessui/react\";\n\ntype Props = {\n  title: string;\n  description: string;\n  children: JSX.Element;\n};\n\nexport function FeaturePageGroup({ children, title, description }: Props) {\n  return (\n    <Disclosure>\n      <section>\n        <div className=\"flex items-center justify-between gap-2\">\n          <div>\n            <h4 className=\"text-xl font-semibold\">{title}</h4>\n            <p className=\"text-base font-normal text-gray-500\">{description}</p>\n          </div>\n          <Disclosure.Button className=\"mb-2 mr-2 rounded-lg border border-gray-700 px-5 py-2.5 text-center text-sm font-medium text-gray-700 hover:bg-gray-800 hover:text-white focus:outline-none focus:ring-4 focus:ring-gray-300 dark:border-gray-500 dark:text-gray-500 dark:hover:bg-gray-500 dark:hover:text-white dark:focus:ring-gray-800\">\n            <p>View More</p>\n          </Disclosure.Button>\n        </div>\n        <Disclosure.Panel className=\"mt-6 \">\n          <div className=\"grid grid-cols-3 gap-7\">{children}</div>\n        </Disclosure.Panel>\n      </section>\n    </Disclosure>\n  );\n}\n"]}

package/dist/chunk-ASCPOK5F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tooltip/tooltip.tsx"],"names":["useEffect","useRef","clsx","jsx","jsxs","ToolTip","children","content","tooltopPos","width","tooltipRef","childRef","updateTooltipPosition","childRect","tooltipRect","newPosition","pos"],"mappings":"AACA,OAAmB,aAAAA,EAAW,UAAAC,MAAc,QAC5C,OAAOC,MAAU,OAwCb,OAEE,OAAAC,EAFF,QAAAC,MAAA,oBAtCG,SAASC,EAAQ,CAAE,SAAAC,EAAU,QAAAC,EAAS,WAAAC,EAAY,MAAAC,CAAM,EAAG,CAChE,IAAMC,EAAaT,EAAO,EACpBU,EAAWV,EAAO,EAElBW,EAAwB,IAAM,CAClC,GAAID,EAAS,SAAWD,EAAW,QAAS,CAC1C,IAAMG,EAAYF,EAAS,QAAQ,sBAAsB,EACnDG,EAAcJ,EAAW,QAAQ,sBAAsB,EAIvDK,EAHY,CAAC,MAAO,QAAS,SAAU,MAAM,EAGrB,KAAMC,GAAQ,CAC1C,OAAQA,EAAK,CACX,IAAK,MACH,OAAOH,EAAU,KAAOC,EAAY,OACtC,IAAK,QACH,OAAO,OAAO,WAAaD,EAAU,OAASC,EAAY,MAC5D,IAAK,SACH,OAAO,OAAO,YAAcD,EAAU,QAAUC,EAAY,OAC9D,IAAK,OACH,OAAOD,EAAU,MAAQC,EAAY,MACvC,QACE,MAAO,EACX,CACF,CAAC,EAEL,EAEA,OAAAd,EAAU,KACRY,EAAsB,EACtB,OAAO,iBAAiB,SAAUA,CAAqB,EAEhD,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAqB,CAC5D,GACC,CAAC,CAAC,EAGHR,EAAC,OAAI,UAAU,iCAAiC,IAAKO,EAClD,UAAAL,EACDH,EAAC,OACC,UAAWD,EACT,6OACA,CACE,IAAK,6PACL,MACE,2PACF,OACE,2PACF,KAAM,4PACR,EAAEM,CAAU,CAEd,EACA,IAAKE,EACL,MAAO,CAAE,MAAO,GAAGD,KAAU,EAE5B,SAAAF,EACH,GACF,CAEJ","sourcesContent":["//@ts-nocheck\nimport { useState, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nexport function ToolTip({ children, content, tooltopPos, width }) {\n  const tooltipRef = useRef();\n  const childRef = useRef();\n\n  const updateTooltipPosition = () => {\n    if (childRef.current && tooltipRef.current) {\n      const childRect = childRef.current.getBoundingClientRect();\n      const tooltipRect = tooltipRef.current.getBoundingClientRect();\n      const positions = [\"top\", \"right\", \"bottom\", \"left\"];\n\n      // Find a position where the tooltip fits\n      const newPosition = positions.find((pos) => {\n        switch (pos) {\n          case \"top\":\n            return childRect.top >= tooltipRect.height;\n          case \"right\":\n            return window.innerWidth - childRect.right >= tooltipRect.width;\n          case \"bottom\":\n            return window.innerHeight - childRect.bottom >= tooltipRect.height;\n          case \"left\":\n            return childRect.left >= tooltipRect.width;\n          default:\n            return false;\n        }\n      });\n    }\n  };\n\n  useEffect(() => {\n    updateTooltipPosition();\n    window.addEventListener(\"resize\", updateTooltipPosition);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateTooltipPosition);\n    };\n  }, []);\n\n  return (\n    <div className=\"group relative block w-fit p-2\" ref={childRef}>\n      {children}\n      <div\n        className={clsx(\n          \"invisible absolute z-50 w-full whitespace-normal break-words rounded-md bg-black px-3 py-1 text-xs text-white opacity-0 after:absolute after:h-0 after:w-0 after:border-solid group-hover:visible group-hover:opacity-100 dark:bg-gray-700\",\n          {\n            top: \"bottom-full left-1/2 -translate-x-1/2 after:-bottom-[4px] after:left-1/2 after:-translate-x-1/2 after:border-b-0 after:border-l-[5px] after:border-r-[5px] after:border-t-[5px] after:border-transparent after:border-t-black dark:after:border-t-gray-700\",\n            right:\n              \"left-full top-1/2 -translate-y-1/2 after:-left-[4px] after:top-1/2 after:-translate-y-1/2 after:border-b-[5px] after:border-l-[0px] after:border-r-[5px] after:border-t-[5px] after:border-transparent after:border-r-black dark:after:border-r-gray-700\",\n            bottom:\n              \"left-1/2 top-full -translate-x-1/2 after:-top-[4px] after:left-1/2 after:-translate-x-1/2 after:border-b-[5px] after:border-l-[5px] after:border-r-[5px] after:border-t-[0px] after:border-transparent after:border-b-black dark:after:border-b-gray-700\",\n            left: \"right-full top-1/2 -translate-y-1/2 after:-right-[4px] after:top-1/2 after:-translate-y-1/2 after:border-b-[5px] after:border-l-[5px] after:border-r-[0px] after:border-t-[5px] after:border-transparent after:border-l-black dark:after:border-l-gray-700\",\n          }[tooltopPos]\n          // takes the tooltip Positon and adds the relevant classes to the tooltip box to adjust the position of the box to the child element.\n        )}\n        ref={tooltipRef}\n        style={{ width: `${width}px` }}\n      >\n        {content}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-AYXC2DCM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/draggable-stacked-list-item.tsx"],"names":["HiEllipsisVertical","useSortable","CSS","jsx","jsxs","DraggableStackedListItem","id","title","text","children","toggleCallback","toggleChecked","attributes","listeners","setNodeRef","transform","transition","styles","__spreadProps","__spreadValues","ToggleSwitch"],"mappings":"yFAEA,OAAS,sBAAAA,MAA0B,kBACnC,OAAS,eAAAC,MAAmB,oBAC5B,OAAS,OAAAC,MAAW,qBAwCV,OACE,OAAAC,EADF,QAAAC,MAAA,oBA7BH,SAASC,EAAyB,CACvC,GAAAC,EACA,MAAAC,EACA,KAAAC,EACA,SAAAC,EACA,eAAAC,EACA,cAAAC,CACF,EAAU,CACR,GAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,CAAW,EAC/Df,EAAY,CAAE,GAAIK,CAAG,CAAC,EAElBW,EAAS,CACb,UAAWf,EAAI,UAAU,SAASa,CAAS,EAC3C,WAAAC,CACF,EAEA,OACEZ,EAAC,MAEC,UAAU,2FAEV,UAAAD,EAAC,MAAAe,EAAAC,IAAA,CACC,UAAU,8CACV,IAAKL,EACL,MAAOG,GACHL,GACAC,GALL,CAOC,SAAAT,EAAC,OAAI,UAAU,sCACb,UAAAA,EAAC,OAAI,UAAU,oCACb,UAAAD,EAACH,EAAA,CAAmB,UAAU,uDAAuD,EACrFG,EAACH,EAAA,CAAmB,UAAU,8DAA8D,GAC9F,EACCU,GACCP,EAACiB,EAAA,CACC,MAAOb,EACP,SAAUG,EACV,QAASC,EACX,EAED,CAACD,GACAN,EAAC,OACC,UAAAD,EAAC,KAAE,UAAU,sBAAuB,SAAAI,EAAM,EACzCC,GACCL,EAAC,KAAE,UAAU,gDACV,SAAAK,EACH,GAEJ,GAEJ,GACF,EACAL,EAAC,OAAI,UAAU,2CACb,SAAAA,EAAC,OAAI,UAAU,mCAAoC,SAAAM,EAAS,EAC9D,IApCKH,CAqCP,CAEJ","sourcesContent":["// @ts-nocheck\nimport { ToggleSwitch } from \"./toggleswitch\";\nimport { HiEllipsisVertical } from \"react-icons/hi2\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\n\ntype Props = {\n  id: number;\n  title: string;\n  text: string;\n  children?: JSX.Element;\n  toggleCallback: () => void;\n  toggleChecked: boolean;\n};\n\nexport function DraggableStackedListItem({\n  id,\n  title,\n  text,\n  children,\n  toggleCallback,\n  toggleChecked,\n}: Props) {\n  const { attributes, listeners, setNodeRef, transform, transition } =\n    useSortable({ id: id });\n\n  const styles = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  return (\n    <li\n      key={id}\n      className=\"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900\"\n    >\n      <div\n        className=\"flex min-w-0 flex-auto items-center gap-x-4\"\n        ref={setNodeRef}\n        style={styles}\n        {...attributes}\n        {...listeners}\n      >\n        <div className=\"flex min-w-0 flex-auto items-center\">\n          <div className=\"relative mr-4 h-6 w-6 cursor-grab\">\n            <HiEllipsisVertical className=\"absolute h-6 w-auto text-gray-500 dark:text-gray-400\" />\n            <HiEllipsisVertical className=\"absolute left-2 h-6 w-auto text-gray-500 dark:text-gray-400\" />\n          </div>\n          {toggleCallback && (\n            <ToggleSwitch\n              label={title}\n              onChange={toggleCallback}\n              checked={toggleChecked}\n            />\n          )}\n          {!toggleCallback && (\n            <div>\n              <p className=\"text-sm font-medium\">{title}</p>\n              {text && (\n                <p className=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\n                  {text}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"flex flex-shrink-0  items-center gap-x-4\">\n        <div className=\"sm:flex sm:flex-col sm:items-end\">{children}</div>\n      </div>\n    </li>\n  );\n}\n"]}