@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-OP6LKXPA.mjs

@@ -0,0 +1,75 @@
+// src/components/elemental/Chip/src/Chip/Chip.tsx
+import MuiChip from "@mui/material/Chip";
+import { jsx } from "react/jsx-runtime";
+function Chip({ color = "default", ...props }) {
+  return /* @__PURE__ */ jsx(MuiChip, { ...props, color });
+}
+
+// src/components/elemental/Chip/src/Chip/themes.ts
+var chipTheme = {
+  defaultProps: {
+    variant: "outlined",
+    size: "small"
+  },
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "--hover-shadow-color": "var(--mui-palette-blink-golden)",
+      "&.MuiChip-clickable:active": {
+        scale: "0.9",
+        boxShadow: "none"
+      },
+      "& .MuiChip-label": {
+        maxWidth: "100%",
+        [theme.breakpoints.up("md")]: {
+          maxWidth: "20vw"
+        }
+      },
+      "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+        color: "inherit"
+      },
+      "&.MuiChip-colorInfo": { "--hover-shadow-color": "var(--mui-palette-info-main)" },
+      "&.MuiChip-colorError": { "--hover-shadow-color": "var(--mui-palette-error-main)" },
+      "&.MuiChip-colorSuccess": { "--hover-shadow-color": "var(--mui-palette-success-dark)" },
+      "&.MuiChip-colorWarning": { "--hover-shadow-color": "var(--mui-palette-warning-main)" },
+      "&.MuiChip-colorSecondary": { "--hover-shadow-color": "var(--mui-palette-secondary-main)" },
+      "&.MuiChip-colorPrimary": { "--hover-shadow-color": "var(--mui-palette-blink-golden)" },
+      "&.MuiChip-colorSystem": { "--hover-shadow-color": "var(--mui-palette-system-main)" },
+      "&.MuiChip-colorInsight": { "--hover-shadow-color": "var(--mui-palette-insight-main)" },
+      "&.MuiChip-colorDefault": {
+        color: "var(--mui-palette-text-primary)"
+      },
+      "&.MuiChip-filled.MuiChip-colorError": {
+        color: "var(--mui-palette-background-default)"
+      },
+      /** hover effect */
+      position: "relative",
+      "&.MuiChip-clickable:hover": {
+        boxShadow: `
+          0 4px 10px -4px var(--hover-shadow-color), 
+          0px 1px 1px 0px rgba(0, 0, 0, 0.14), 
+          0px 1px 3px 0px rgba(0, 0, 0, 0.12)`,
+        "&:before": {
+          opacity: 1
+        }
+      },
+      "&:before": {
+        content: '""',
+        position: "absolute",
+        left: 0,
+        insetBlockEnd: 0,
+        display: "block",
+        width: "100%",
+        height: "1px",
+        opacity: 0,
+        backgroundImage: "linear-gradient(to right, transparent, var(--hover-shadow-color), transparent)",
+        transition: "all 0.1s ease-in-out"
+      }
+    })
+  }
+};
+
+export {
+  Chip,
+  chipTheme
+};
+//# sourceMappingURL=chunk-OP6LKXPA.mjs.map

package/dist/chunk-OP6LKXPA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Chip/src/Chip/Chip.tsx","../src/components/elemental/Chip/src/Chip/themes.ts"],"sourcesContent":["import MuiChip, { type ChipProps } from '@mui/material/Chip'\n\n/**\n * A wrapper for Mui Chip\n */\nexport default function Chip({ color = 'default', ...props }: ChipProps) {\n  return <MuiChip {...props} color={color} />\n}\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const chipTheme = {\n  defaultProps: {\n    variant: 'outlined',\n    size: 'small',\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '--hover-shadow-color': 'var(--mui-palette-blink-golden)',\n\n      \"&.MuiChip-clickable:active\": {\n        scale:\"0.9\",\n        boxShadow: 'none',\n      },\n      \n      \"& .MuiChip-label\":{\n        maxWidth: '100%',\n        [theme.breakpoints.up('md')]: {\n          maxWidth: '20vw',\n        },\n      },\n      \"& .MuiChip-icon, & .MuiChip-deleteIcon\":{\n        color:\"inherit\",\n      },\n\n      '&.MuiChip-colorInfo':{'--hover-shadow-color':'var(--mui-palette-info-main)',},\n      '&.MuiChip-colorError':{'--hover-shadow-color':'var(--mui-palette-error-main)',},\n      '&.MuiChip-colorSuccess':{'--hover-shadow-color':'var(--mui-palette-success-dark)',},\n      '&.MuiChip-colorWarning':{'--hover-shadow-color':'var(--mui-palette-warning-main)',},\n      '&.MuiChip-colorSecondary':{'--hover-shadow-color':'var(--mui-palette-secondary-main)',},\n      '&.MuiChip-colorPrimary':{'--hover-shadow-color':'var(--mui-palette-blink-golden)',},\n      '&.MuiChip-colorSystem':{'--hover-shadow-color':'var(--mui-palette-system-main)',},\n      '&.MuiChip-colorInsight':{'--hover-shadow-color':'var(--mui-palette-insight-main)',},\n\n      '&.MuiChip-colorDefault': {\n        color: 'var(--mui-palette-text-primary)',\n      },\n\n      '&.MuiChip-filled.MuiChip-colorError': {\n        color: 'var(--mui-palette-background-default)',\n      },\n    \n      /** hover effect */\n      position: \"relative\",\n      \"&.MuiChip-clickable:hover\": {\n        boxShadow: `\n          0 4px 10px -4px var(--hover-shadow-color), \n          0px 1px 1px 0px rgba(0, 0, 0, 0.14), \n          0px 1px 3px 0px rgba(0, 0, 0, 0.12)`,\n        \"&:before\": {\n          opacity: 1,\n        },\n      },\n      \"&:before\": {\n        content: '\"\"',\n        position: \"absolute\",\n        left: 0,\n        insetBlockEnd: 0,\n        display: \"block\",\n        width:\"100%\",\n        height: \"1px\",\n        opacity: 0,\n        backgroundImage:\"linear-gradient(to right, transparent, var(--hover-shadow-color), transparent)\",\n        transition:\"all 0.1s ease-in-out\",\n      },\n    }),\n  }\n\n} satisfies MuiComponentTheme<\"MuiChip\">"],"mappings":";AAAA,OAAO,aAAiC;AAM/B;AADM,SAAR,KAAsB,EAAE,QAAQ,WAAW,GAAG,MAAM,GAAc;AACvE,SAAO,oBAAC,WAAS,GAAG,OAAO,OAAc;AAC3C;;;ACLO,IAAM,YAAY;AAAA,EACvB,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,MAAM,OAAO;AAAA,MACpB,wBAAwB;AAAA,MAExB,8BAA8B;AAAA,QAC5B,OAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA,oBAAmB;AAAA,QACjB,UAAU;AAAA,QACV,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG;AAAA,UAC5B,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,0CAAyC;AAAA,QACvC,OAAM;AAAA,MACR;AAAA,MAEA,uBAAsB,EAAC,wBAAuB,+BAA+B;AAAA,MAC7E,wBAAuB,EAAC,wBAAuB,gCAAgC;AAAA,MAC/E,0BAAyB,EAAC,wBAAuB,kCAAkC;AAAA,MACnF,0BAAyB,EAAC,wBAAuB,kCAAkC;AAAA,MACnF,4BAA2B,EAAC,wBAAuB,oCAAoC;AAAA,MACvF,0BAAyB,EAAC,wBAAuB,kCAAkC;AAAA,MACnF,yBAAwB,EAAC,wBAAuB,iCAAiC;AAAA,MACjF,0BAAyB,EAAC,wBAAuB,kCAAkC;AAAA,MAEnF,0BAA0B;AAAA,QACxB,OAAO;AAAA,MACT;AAAA,MAEA,uCAAuC;AAAA,QACrC,OAAO;AAAA,MACT;AAAA;AAAA,MAGA,UAAU;AAAA,MACV,6BAA6B;AAAA,QAC3B,WAAW;AAAA;AAAA;AAAA;AAAA,QAIX,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,QACT,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,iBAAgB;AAAA,QAChB,YAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEF;","names":[]}

package/dist/chunk-QFF3HTHL.mjs

@@ -0,0 +1,14 @@
+// src/_utils/_func/random.ts
+function randomStrGenerator(length = 20) {
+  let result = "";
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result;
+}
+
+export {
+  randomStrGenerator
+};
+//# sourceMappingURL=chunk-QFF3HTHL.mjs.map

package/dist/chunk-QFF3HTHL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/_utils/_func/random.ts"],"sourcesContent":["export function randomStrGenerator(length=20):string{\n  let result = ''\n  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * characters.length))\n  }\n\n  return result\n}\n\nexport function getRandomInt(max: number) {\n  return Math.floor(Math.random() * max)\n}\nexport function getRandomBetween(min: number, max: number, isFloat = false) {\n  const randomVal = Math.random() * (max - min) + min\n  if (isFloat) {\n    return randomVal\n  }\n  return Math.floor(randomVal)\n}"],"mappings":";AAAO,SAAS,mBAAmB,SAAO,IAAU;AAClD,MAAI,SAAS;AACb,QAAM,aAAa;AAEnB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,cAAU,WAAW,OAAO,KAAK,MAAM,KAAK,OAAO,IAAI,WAAW,MAAM,CAAC;AAAA,EAC3E;AAEA,SAAO;AACT;","names":[]}