@sikka/hawa 0.40.1-next → 0.41.0-next

package/dist/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/checkbox/Checkbox.tsx","../../util/index.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\n\nimport { RadiusType } from \"@_types/commonTypes\";\n\nimport { cn } from \"@util/index\";\n\ntype CheckBoxTypes = {\n  id: string;\n  label?: React.ReactNode;\n  sublabel?: React.ReactNode;\n  helperText?: any;\n  size?: \"xs\" | \"sm\" | \"default\" | \"md\" | \"lg\" | \"xl\";\n  radius?: RadiusType;\n};\n\ntype CheckboxProps = CheckBoxTypes &\n  React.ComponentProps<typeof CheckboxElement>;\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  id,\n  label,\n  sublabel,\n  helperText,\n  disabled,\n  size = \"default\",\n  radius = \"inherit\",\n  ...props\n}) => {\n  let labelLineHeightStyles = {\n    xs: sublabel || helperText ? 0.5 : 0.1,\n    sm: 0.6,\n    default: 1,\n    md: 0.8,\n    lg: 0.9,\n    xl: 1\n  };\n  return (\n    <div\n      className={cn(\n        \"hawa-flex hawa-gap-2\",\n        size === \"default\" ? \"hawa-items-top\" : \"hawa-items-center\"\n      )}\n    >\n      <CheckboxElement\n        {...props}\n        size={size}\n        radius={radius}\n        disabled={disabled}\n        id={id}\n      />\n      {(label || helperText) && (\n        <div className={\"hawa-grid hawa-gap-1.5\"}>\n          {label && (\n            <label\n              htmlFor={id}\n              className={cn(\n                \"hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium\",\n                disabled\n                  ? \"hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 \"\n                  : \"hawa-cursor-pointer\"\n              )}\n              style={{\n                // lineHeight: labelLineHeightStyles[size]\n\n                lineHeight: 1\n              }}\n            >\n              {label}\n            </label>\n          )}\n          {sublabel && (\n            <label\n              htmlFor={id}\n              className={cn(\n                \"hawa-w-fit hawa-select-none hawa-text-sm hawa-text-muted-foreground\",\n                disabled\n                  ? \"hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70\"\n                  : \"hawa-cursor-pointer\"\n              )}\n            >\n              {sublabel}\n            </label>\n          )}\n          {helperText && !disabled && (\n            <label\n              htmlFor={id}\n              className={cn(\n                \"hawa-w-fit hawa-select-none hawa-text-xs hawa-text-helper-color\",\n                disabled && \"hawa-cursor-not-allowed hawa-opacity-70\"\n              )}\n            >\n              {helperText}\n            </label>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst CheckboxElement = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {\n    size?: \"xs\" | \"sm\" | \"default\" | \"md\" | \"lg\" | \"xl\";\n    radius?: RadiusType;\n  }\n>(({ radius = \"inherit\", size = \"default\", className, ...props }, ref) => {\n  let checkboxRadius = {\n    none: \"hawa-rounded-none\",\n    inherit: \"hawa-rounded-sm\",\n    full: \"hawa-rounded-full\"\n  };\n  let checkboxSizes = {\n    xs: \"hawa-w-3 hawa-h-3\",\n    sm: \"hawa-w-6 hawa-h-6\",\n    default: \"hawa-icon\",\n    md: \"hawa-w-8 hawa-h-8\",\n    lg: \"hawa-w-10 hawa-h-10\",\n    xl: \"hawa-w-12 hawa-h-12\"\n  };\n  let checkboxIndicatorSizes = {\n    xs: \"0.5em\",\n    default: \"0.60em\",\n    sm: \"0.75em\",\n    md: \"0.875em\",\n    lg: \"1em\",\n    xl: \"1.25em\"\n  };\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"hawa-peer hawa-shrink-0  hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground\",\n        checkboxSizes[size],\n        checkboxRadius[radius],\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={cn(\n          \"hawa-flex hawa-items-center hawa-justify-center hawa-text-current\"\n        )}\n      >\n        <svg\n          aria-label=\"Check Mark\"\n          stroke=\"currentColor\"\n          fill=\"currentColor\"\n          strokeWidth=\"0\"\n          viewBox=\"0 0 512 512\"\n          height={checkboxIndicatorSizes[size]}\n          width={checkboxIndicatorSizes[size]}\n          // height=\"0.60em\"\n          // width=\"0.60em\"\n        >\n          <path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"></path>\n        </svg>{\" \"}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckboxElement.displayName = CheckboxPrimitive.Root.displayName;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n"],"mappings":";;;AAAA,YAAY,WAAW;AAEvB,YAAY,uBAAuB;;;ACFnC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADeO,IAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,GAAG;AACL,MAAM;AACJ,MAAI,wBAAwB;AAAA,IAC1B,IAAI,YAAY,aAAa,MAAM;AAAA,IACnC,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,YAAY,mBAAmB;AAAA,MAC1C;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACE,SAAS,eACT,oCAAC,SAAI,WAAW,4BACb,SACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,WACI,yEACA;AAAA,QACN;AAAA,QACA,OAAO;AAAA;AAAA,UAGL,YAAY;AAAA,QACd;AAAA;AAAA,MAEC;AAAA,IACH,GAED,YACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,WACI,uEACA;AAAA,QACN;AAAA;AAAA,MAEC;AAAA,IACH,GAED,cAAc,CAAC,YACd;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA;AAAA,MAEC;AAAA,IACH,CAEJ;AAAA,EAEJ;AAEJ;AAEA,IAAM,kBAAwB,iBAM5B,CAAC,EAAE,SAAS,WAAW,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxE,MAAI,iBAAiB;AAAA,IACnB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACA,MAAI,gBAAgB;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,MAAI,yBAAyB;AAAA,IAC3B,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,cAAc,IAAI;AAAA,QAClB,eAAe,MAAM;AAAA,QACrB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,QAAO;AAAA,UACP,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,SAAQ;AAAA,UACR,QAAQ,uBAAuB,IAAI;AAAA,UACnC,OAAO,uBAAuB,IAAI;AAAA;AAAA,QAIlC,oCAAC,UAAK,GAAE,sRAAqR;AAAA,MAC/R;AAAA,MAAO;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;AACD,gBAAgB,cAAgC,uBAAK;","names":[]}
+{"version":3,"sources":["../../elements/checkbox/Checkbox.tsx","../../util/index.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { cn } from \"@util/index\";\n\nimport { RadiusType } from \"@_types/commonTypes\";\n\ntype CheckBoxTypes = {\n  id: string;\n  label?: React.ReactNode;\n  sublabel?: React.ReactNode;\n  helperText?: any;\n  size?: \"xs\" | \"sm\" | \"default\" | \"md\" | \"lg\" | \"xl\";\n  radius?: RadiusType;\n};\n\ntype CheckboxProps = CheckBoxTypes &\n  React.ComponentProps<typeof CheckboxElement>;\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  id,\n  label,\n  sublabel,\n  helperText,\n  disabled,\n  size = \"default\",\n  radius = \"inherit\",\n  ...props\n}) => {\n  let labelLineHeightStyles = {\n    xs: sublabel || helperText ? 0.5 : 0.1,\n    sm: 0.6,\n    default: 1,\n    md: 0.8,\n    lg: 0.9,\n    xl: 1,\n  };\n  return (\n    <div\n      className={cn(\n        \"hawa-flex hawa-gap-2\",\n        size === \"default\" ? \"hawa-items-top\" : \"hawa-items-center\",\n      )}\n    >\n      <CheckboxElement\n        {...props}\n        size={size}\n        radius={radius}\n        disabled={disabled}\n        id={id}\n      />\n      {(label || helperText) && (\n        <div className={\"hawa-grid hawa-gap-1.5\"}>\n          {label && (\n            <label\n              htmlFor={id}\n              className={cn(\n                \"hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium\",\n                disabled\n                  ? \"hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70\"\n                  : \"hawa-cursor-pointer\",\n              )}\n              style={{\n                // lineHeight: labelLineHeightStyles[size]\n\n                lineHeight: 1,\n              }}\n            >\n              {label}\n            </label>\n          )}\n          {sublabel && (\n            <label\n              htmlFor={id}\n              className={cn(\n                \"hawa-w-fit hawa-select-none hawa-text-sm hawa-text-muted-foreground\",\n                disabled\n                  ? \"hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70\"\n                  : \"hawa-cursor-pointer\",\n              )}\n            >\n              {sublabel}\n            </label>\n          )}\n          {helperText && !disabled && (\n            <label\n              htmlFor={id}\n              className={cn(\n                \"hawa-w-fit hawa-select-none hawa-text-xs hawa-text-helper-color\",\n                disabled && \"hawa-cursor-not-allowed hawa-opacity-70\",\n              )}\n            >\n              {helperText}\n            </label>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst CheckboxElement = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {\n    size?: \"xs\" | \"sm\" | \"default\" | \"md\" | \"lg\" | \"xl\";\n    radius?: RadiusType;\n  }\n>(({ radius = \"inherit\", size = \"default\", className, ...props }, ref) => {\n  let checkboxRadius = {\n    none: \"hawa-rounded-none\",\n    inherit: \"hawa-rounded-sm\",\n    full: \"hawa-rounded-full\",\n  };\n  let checkboxSizes = {\n    xs: \"hawa-w-3 hawa-h-3\",\n    sm: \"hawa-w-6 hawa-h-6\",\n    default: \"hawa-icon\",\n    md: \"hawa-w-8 hawa-h-8\",\n    lg: \"hawa-w-10 hawa-h-10\",\n    xl: \"hawa-w-12 hawa-h-12\",\n  };\n  let checkboxIndicatorSizes = {\n    xs: \"0.5em\",\n    default: \"0.60em\",\n    sm: \"0.75em\",\n    md: \"0.875em\",\n    lg: \"1em\",\n    xl: \"1.25em\",\n  };\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"hawa-peer hawa-shrink-0 hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground\",\n        checkboxSizes[size],\n        checkboxRadius[radius],\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={cn(\n          \"hawa-flex hawa-items-center hawa-justify-center hawa-text-current\",\n        )}\n      >\n        <svg\n          aria-label=\"Check Mark\"\n          stroke=\"currentColor\"\n          fill=\"currentColor\"\n          strokeWidth=\"0\"\n          viewBox=\"0 0 512 512\"\n          height={checkboxIndicatorSizes[size]}\n          width={checkboxIndicatorSizes[size]}\n          // height=\"0.60em\"\n          // width=\"0.60em\"\n        >\n          <path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"></path>\n        </svg>{\" \"}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckboxElement.displayName = CheckboxPrimitive.Root.displayName;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n"],"mappings":";;;AAAA,YAAY,WAAW;AAEvB,YAAY,uBAAuB;;;ACFnC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADcO,IAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,GAAG;AACL,MAAM;AACJ,MAAI,wBAAwB;AAAA,IAC1B,IAAI,YAAY,aAAa,MAAM;AAAA,IACnC,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,YAAY,mBAAmB;AAAA,MAC1C;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACE,SAAS,eACT,oCAAC,SAAI,WAAW,4BACb,SACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,WACI,uEACA;AAAA,QACN;AAAA,QACA,OAAO;AAAA;AAAA,UAGL,YAAY;AAAA,QACd;AAAA;AAAA,MAEC;AAAA,IACH,GAED,YACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,WACI,uEACA;AAAA,QACN;AAAA;AAAA,MAEC;AAAA,IACH,GAED,cAAc,CAAC,YACd;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA;AAAA,MAEC;AAAA,IACH,CAEJ;AAAA,EAEJ;AAEJ;AAEA,IAAM,kBAAwB,iBAM5B,CAAC,EAAE,SAAS,WAAW,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxE,MAAI,iBAAiB;AAAA,IACnB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACA,MAAI,gBAAgB;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,MAAI,yBAAyB;AAAA,IAC3B,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,cAAc,IAAI;AAAA,QAClB,eAAe,MAAM;AAAA,QACrB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,QAAO;AAAA,UACP,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,SAAQ;AAAA,UACR,QAAQ,uBAAuB,IAAI;AAAA,UACnC,OAAO,uBAAuB,IAAI;AAAA;AAAA,QAIlC,oCAAC,UAAK,GAAE,sRAAqR;AAAA,MAC/R;AAAA,MAAO;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;AACD,gBAAgB,cAAgC,uBAAK;","names":[]}

package/dist/{chunk-AJTYKC5R.mjs → chunk-4ZELUQQ7.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-CTNKKP2O.mjs";
+} from "./chunk-FK2C6C3B.mjs";
 
 // icons/Emojis.tsx
 import React from "react";

package/dist/{chunk-GN7EIDTE.mjs → chunk-55TPME67.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-CTNKKP2O.mjs";
+} from "./chunk-FK2C6C3B.mjs";
 
 // elements/textarea/Textarea.tsx
 import * as React from "react";

package/dist/{chunk-CTZRVSTI.mjs → chunk-F6SLF6DS.mjs}

@@ -3,7 +3,7 @@ import {
   HelperText,
   Label,
   cn
-} from "./chunk-CTNKKP2O.mjs";
+} from "./chunk-FK2C6C3B.mjs";
 
 // elements/popover/Popover.tsx
 import * as React from "react";

package/dist/{chunk-QSEQS7DS.mjs → chunk-FJXDCBMQ.mjs}

@@ -9,7 +9,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-GU2DOJ7Q.mjs";
+} from "./chunk-JGP3PSJL.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
@@ -2290,7 +2290,7 @@ var Checkbox = ({
         htmlFor: id,
         className: cn(
           "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
-          disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
+          disabled ? "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70" : "hawa-cursor-pointer"
         ),
         style: {
           // lineHeight: labelLineHeightStyles[size]
@@ -2348,7 +2348,7 @@ var CheckboxElement = React5.forwardRef(({ radius = "inherit", size = "default",
     {
       ref,
       className: cn(
-        "hawa-peer hawa-shrink-0  hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
+        "hawa-peer hawa-shrink-0 hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
         checkboxSizes[size],
         checkboxRadius[radius],
         className

package/dist/{chunk-CTNKKP2O.mjs → chunk-FK2C6C3B.mjs}

@@ -78,51 +78,8 @@ var Tooltip = ({
   );
 };
 
-// elements/label/Label.tsx
-import * as React2 from "react";
-var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(
-  Tooltip,
-  {
-    content: hint,
-    side: hintSide,
-    triggerProps: {
-      tabIndex: -1,
-      onClick: (event) => event.preventDefault()
-    }
-  },
-  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-  ))
-)));
-Label.displayName = "Label";
-
 // elements/loading/Loading.tsx
-import React3 from "react";
+import React2 from "react";
 var Loading = ({
   design = "spinner",
   size = "normal",
@@ -153,7 +110,7 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -161,7 +118,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "div",
           {
             className: cn(
@@ -172,7 +129,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "div",
           {
             className: cn(
@@ -183,7 +140,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "div",
           {
             className: cn(
@@ -196,7 +153,7 @@ var Loading = ({
         )
       );
     case "square":
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React2.createElement(
         "svg",
         {
           className: cn(
@@ -208,7 +165,7 @@ var Loading = ({
           height: "35",
           width: "35"
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "rect",
           {
             className: "squircle-track",
@@ -220,7 +177,7 @@ var Loading = ({
             height: "32.5"
           }
         ),
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "rect",
           {
             className: "square-car",
@@ -235,7 +192,7 @@ var Loading = ({
         )
       );
     case "squircle":
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React2.createElement(
         "svg",
         {
           x: "0px",
@@ -250,7 +207,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "path",
           {
             className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
@@ -260,7 +217,7 @@ var Loading = ({
             d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
           }
         ),
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "path",
           {
             className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
@@ -272,7 +229,7 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -283,9 +240,9 @@ var Loading = ({
         }
       );
     case "orbit":
-      return /* @__PURE__ */ React3.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
+      return /* @__PURE__ */ React2.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React2.createElement(
         "svg",
         {
           viewBox: "0 0 40 40",
@@ -297,7 +254,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "circle",
           {
             className: cn(
@@ -316,7 +273,7 @@ var Loading = ({
             pathLength: "100"
           }
         ),
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React2.createElement(
           "circle",
           {
             className: cn(
@@ -344,8 +301,8 @@ import * as React5 from "react";
 import { cva } from "class-variance-authority";
 
 // elements/helperText/HelperText.tsx
-import React4 from "react";
-var HelperText = ({ helperText }) => /* @__PURE__ */ React4.createElement(
+import React3 from "react";
+var HelperText = ({ helperText }) => /* @__PURE__ */ React3.createElement(
   "p",
   {
     className: cn(
@@ -356,6 +313,49 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React4.createElement(
   helperText
 );
 
+// elements/label/Label.tsx
+import * as React4 from "react";
+var Label = React4.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React4.createElement(
+  "label",
+  {
+    ref,
+    className: cn(
+      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
+      className
+    ),
+    ...props
+  },
+  children,
+  required && /* @__PURE__ */ React4.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React4.createElement(
+  Tooltip,
+  {
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
+  },
+  /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React4.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React4.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React4.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
+Label.displayName = "Label";
+
 // elements/button/Button.tsx
 var buttonVariants = cva(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",

package/dist/{chunk-27G5FKOP.mjs → chunk-IS73LH5Y.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-GU2DOJ7Q.mjs";
+} from "./chunk-JGP3PSJL.mjs";
 
 // elements/sheet/Sheet.tsx
 import * as React from "react";

package/dist/{chunk-GU2DOJ7Q.mjs → chunk-JGP3PSJL.mjs}

@@ -712,6 +712,91 @@ var Logos = {
     },
     /* @__PURE__ */ React6.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
   ),
+  telegram: (props) => /* @__PURE__ */ React6.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React6.createElement("title", null, "Telegram"),
+    /* @__PURE__ */ React6.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
+      }
+    )
+  ),
+  youtube: (props) => /* @__PURE__ */ React6.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React6.createElement("title", null, "YouTube"),
+    /* @__PURE__ */ React6.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+      }
+    )
+  ),
+  tiktok: (props) => /* @__PURE__ */ React6.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React6.createElement("title", null, "TikTok"),
+    /* @__PURE__ */ React6.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
+      }
+    )
+  ),
+  linkedin: (props) => /* @__PURE__ */ React6.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React6.createElement("title", null, "LinkedIn"),
+    /* @__PURE__ */ React6.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+      }
+    )
+  ),
+  behance: (props) => /* @__PURE__ */ React6.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React6.createElement("title", null, "Behance"),
+    /* @__PURE__ */ React6.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
+      }
+    )
+  ),
   microsoft: (props) => /* @__PURE__ */ React6.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React6.createElement(
     "path",
     {

package/dist/{chunk-QZIENYTE.mjs → chunk-NSMJTT6Y.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-CTNKKP2O.mjs";
+} from "./chunk-FK2C6C3B.mjs";
 
 // elements/select/Select.tsx
 import React from "react";

package/dist/{chunk-RT2Q3SH7.mjs → chunk-UHUOBAEP.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-CTNKKP2O.mjs";
+} from "./chunk-FK2C6C3B.mjs";
 
 // elements/scrollArea/ScrollArea.tsx
 import * as React from "react";

package/dist/{chunk-DYPGZ2IP.mjs → chunk-ZSX2KZ2D.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-CTNKKP2O.mjs";
+} from "./chunk-FK2C6C3B.mjs";
 
 // elements/input/Input.tsx
 import React, { forwardRef } from "react";

package/dist/dataTable/index.d.mts

@@ -9,15 +9,18 @@ type DataTableProps<DataProps = {}> = {
     enableSearch?: boolean;
     enableHideColumns?: boolean;
     enableGoTo?: boolean;
+    enableSelection?: boolean;
     hideHeader?: boolean;
     data: DataProps[];
     itemsPerPage?: any[];
     showCount?: boolean;
+    showSelectionCount?: boolean;
     paginationPosition?: "top" | "bottom";
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
     translateFn?: any;
+    bulkActions?: any[];
     texts?: {
         columns?: string;
         searchPlaceholder?: string;
@@ -28,6 +31,8 @@ type DataTableProps<DataProps = {}> = {
         of?: string;
         total?: string;
         goTo?: string;
+        selectedRows?: string;
+        bulkAction?: string;
     };
 };
 declare module "@tanstack/table-core" {
@@ -38,6 +43,6 @@ declare module "@tanstack/table-core" {
         i18nKey?: string;
     }
 }
-declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
+declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
 
 export { DataTable };

package/dist/dataTable/index.d.ts

@@ -9,15 +9,18 @@ type DataTableProps<DataProps = {}> = {
     enableSearch?: boolean;
     enableHideColumns?: boolean;
     enableGoTo?: boolean;
+    enableSelection?: boolean;
     hideHeader?: boolean;
     data: DataProps[];
     itemsPerPage?: any[];
     showCount?: boolean;
+    showSelectionCount?: boolean;
     paginationPosition?: "top" | "bottom";
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
     translateFn?: any;
+    bulkActions?: any[];
     texts?: {
         columns?: string;
         searchPlaceholder?: string;
@@ -28,6 +31,8 @@ type DataTableProps<DataProps = {}> = {
         of?: string;
         total?: string;
         goTo?: string;
+        selectedRows?: string;
+        bulkAction?: string;
     };
 };
 declare module "@tanstack/table-core" {
@@ -38,6 +43,6 @@ declare module "@tanstack/table-core" {
         i18nKey?: string;
     }
 }
-declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
+declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
 
 export { DataTable };