gd-design-library 0.3.3 → 0.3.5

package/tokens/tooltip.js

@@ -1 +1,69 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/common.js"),o=require("./colors.js"),e=require("./display.js"),a=require("./spacing.js"),r=7;var l,n;const s={default:{position:"absolute",display:e.display.block,backgroundColor:o.colors.neutral["grey.40"],padding:`${(l=a.spacing)==null?void 0:l[t.SizeVariant.Md]} ${(n=a.spacing)==null?void 0:n[t.SizeVariant.Md]}`,whiteSpace:"nowrap","&::after":{position:"absolute",content:'""',border:`${r}px solid transparent`},"&.tooltip-bottom":{transform:"translateX(-50%)","&::after":{top:-r,left:"50%",borderLeftColor:o.colors.neutral["grey.40"],borderTopColor:o.colors.neutral["grey.40"],transform:"translateX(-50%) rotate(45deg)"}},"&.tooltip-top":{transform:"translateX(-50%)","&::after":{bottom:-r,left:"50%",borderRightColor:o.colors.neutral["grey.40"],borderBottomColor:o.colors.neutral["grey.40"],transform:"translateX(-50%) rotate(45deg)"}},"&.tooltip-left":{transform:"translateY(-50%)","&::after":{right:-r,top:"50%",borderRightColor:o.colors.neutral["grey.40"],borderTopColor:o.colors.neutral["grey.40"],transform:"translateY(-50%) rotate(45deg)"}},"&.tooltip-right":{transform:"translateY(-50%)","&::after":{left:-r,top:"50%",borderLeftColor:o.colors.neutral["grey.40"],borderBottomColor:o.colors.neutral["grey.40"],transform:"translateY(-50%) rotate(45deg) "}}},wrapper:{default:{display:e.display.inlineBlock,position:"relative"}}};exports.tooltip=s;
+import { colors as t } from "./colors.js";
+import { display as o } from "./display.js";
+import { spacing as e } from "./spacing.js";
+import { SizeVariant as a } from "../types/common.js";
+const r = 7;
+var l, n;
+const d = {
+  default: {
+    position: "absolute",
+    display: o.block,
+    backgroundColor: t.neutral["grey.40"],
+    padding: `${(l = e) == null ? void 0 : l[a.Md]} ${(n = e) == null ? void 0 : n[a.Md]}`,
+    whiteSpace: "nowrap",
+    "&::after": {
+      position: "absolute",
+      content: '""',
+      border: `${r}px solid transparent`
+    },
+    "&.tooltip-bottom": {
+      transform: "translateX(-50%)",
+      "&::after": {
+        top: -r,
+        left: "50%",
+        borderLeftColor: t.neutral["grey.40"],
+        borderTopColor: t.neutral["grey.40"],
+        transform: "translateX(-50%) rotate(45deg)"
+      }
+    },
+    "&.tooltip-top": {
+      transform: "translateX(-50%)",
+      "&::after": {
+        bottom: -r,
+        left: "50%",
+        borderRightColor: t.neutral["grey.40"],
+        borderBottomColor: t.neutral["grey.40"],
+        transform: "translateX(-50%) rotate(45deg)"
+      }
+    },
+    "&.tooltip-left": {
+      transform: "translateY(-50%)",
+      "&::after": {
+        right: -r,
+        top: "50%",
+        borderRightColor: t.neutral["grey.40"],
+        borderTopColor: t.neutral["grey.40"],
+        transform: "translateY(-50%) rotate(45deg)"
+      }
+    },
+    "&.tooltip-right": {
+      transform: "translateY(-50%)",
+      "&::after": {
+        left: -r,
+        top: "50%",
+        borderLeftColor: t.neutral["grey.40"],
+        borderBottomColor: t.neutral["grey.40"],
+        transform: "translateY(-50%) rotate(45deg) "
+      }
+    }
+  },
+  wrapper: {
+    default: {
+      display: o.inlineBlock,
+      position: "relative"
+    }
+  }
+};
+export {
+  d as tooltip
+};

package/tokens/types/index.types.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Px="px",e.Rem="rem",e.Percents="%",e.Em="em",e))(r||{});exports.Unit=r;
+var r = /* @__PURE__ */ ((e) => (e.Px = "px", e.Rem = "rem", e.Percents = "%", e.Em = "em", e))(r || {});
+export {
+  r as Unit
+};

package/tokens/typography.js

@@ -1 +1,134 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../types/common.js"),t=require("../types/typography.js"),i=require("./font.js"),n=require("./spacing.js"),e={base:{fontFamily:i.font.family},[t.TypographyVariant.Inherit]:{fontSize:"inherit",fontWeight:"inherit",lineHeight:"inherit"},[t.TypographyVariant.H1]:{fontSize:i.font.size[t.TypographyVariant.H1],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.H1],marginTop:n.spacing[a.SizeVariant.Xl],marginBottom:n.spacing[a.SizeVariant.Xl]},[t.TypographyVariant.H2]:{fontSize:i.font.size[t.TypographyVariant.H2],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.H2],marginTop:n.spacing[a.SizeVariant.Lg],marginBottom:n.spacing[a.SizeVariant.Lg]},[t.TypographyVariant.H3]:{fontSize:i.font.size[t.TypographyVariant.H3],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.H3],marginTop:n.spacing[a.SizeVariant.Md],marginBottom:n.spacing[a.SizeVariant.Md]},[t.TypographyVariant.H4]:{fontSize:i.font.size[t.TypographyVariant.H4],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.H4],marginTop:n.spacing[a.SizeVariant.Md],marginBottom:n.spacing[a.SizeVariant.Md]},[t.TypographyVariant.H5]:{fontSize:i.font.size[t.TypographyVariant.H5],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.H5],marginTop:n.spacing[a.SizeVariant.Sm],marginBottom:n.spacing[a.SizeVariant.Sm]},[t.TypographyVariant.H6]:{fontSize:i.font.size[t.TypographyVariant.H6],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.H6],marginTop:n.spacing[a.SizeVariant.Sm],marginBottom:n.spacing[a.SizeVariant.Sm]},[t.TypographyVariant.Bold]:{fontWeight:i.font.weight.bold},[t.TypographyVariant.Italic]:{fontStyle:"italic"},[t.TypographyVariant.Body1]:{fontSize:i.font.size[t.TypographyVariant.Body1],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.Body1]},[t.TypographyVariant.Body2]:{fontSize:i.font.size[t.TypographyVariant.Body2],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.Body2]},[t.TypographyVariant.Caption]:{fontSize:i.font.size[t.TypographyVariant.Caption],fontWeight:i.font.weight.normal,lineHeight:i.font.line.height[t.TypographyVariant.Caption]},[t.TypographyVariant.Display]:{[a.SizeVariant.Xs]:{fontSize:i.font.size[a.SizeVariant.Xs],lineHeight:i.font.line.height[a.SizeVariant.Xs]},[a.SizeVariant.Sm]:{fontSize:i.font.size[a.SizeVariant.Sm],lineHeight:i.font.line.height[a.SizeVariant.Sm]},[a.SizeVariant.Md]:{fontSize:i.font.size[a.SizeVariant.Md],lineHeight:i.font.line.height[a.SizeVariant.Md]},[a.SizeVariant.Lg]:{fontSize:i.font.size[a.SizeVariant.Lg],lineHeight:i.font.line.height[a.SizeVariant.Lg]},[a.SizeVariant.Xl]:{fontSize:i.font.size[a.SizeVariant.Xl],lineHeight:i.font.line.height[a.SizeVariant.Xl]}},styleVariant:{[t.TypographyStyleVariant.Light]:{fontWeight:i.font.weight.light},[t.TypographyStyleVariant.Normal]:{fontWeight:i.font.weight.normal},[t.TypographyStyleVariant.Semibold]:{fontWeight:i.font.weight.medium},[t.TypographyStyleVariant.Bold]:{fontWeight:i.font.weight.bold},[t.TypographyStyleVariant.Italic]:{fontStyle:"italic"},[t.TypographyStyleVariant.Small]:{fontSize:i.font.size[t.TypographyVariant.Body2]},[t.TypographyStyleVariant.Uppercase]:{textTransform:"uppercase"},[t.TypographyStyleVariant.Lowercase]:{textTransform:"lowercase"},[t.TypographyStyleVariant.Underline]:{textDecoration:"underline"},[t.TypographyStyleVariant.Strike]:{textDecoration:"line-through"}}};exports.typography=e;
+import { font as i } from "./font.js";
+import { spacing as n } from "./spacing.js";
+import { TypographyStyleVariant as o, TypographyVariant as e } from "../types/typography.js";
+import { SizeVariant as t } from "../types/common.js";
+const a = {
+  base: {
+    fontFamily: i.family
+  },
+  [e.Inherit]: {
+    fontSize: "inherit",
+    fontWeight: "inherit",
+    lineHeight: "inherit"
+  },
+  [e.H1]: {
+    fontSize: i.size[e.H1],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.H1],
+    marginTop: n[t.Xl],
+    marginBottom: n[t.Xl]
+  },
+  [e.H2]: {
+    fontSize: i.size[e.H2],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.H2],
+    marginTop: n[t.Lg],
+    marginBottom: n[t.Lg]
+  },
+  [e.H3]: {
+    fontSize: i.size[e.H3],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.H3],
+    marginTop: n[t.Md],
+    marginBottom: n[t.Md]
+  },
+  [e.H4]: {
+    fontSize: i.size[e.H4],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.H4],
+    marginTop: n[t.Md],
+    marginBottom: n[t.Md]
+  },
+  [e.H5]: {
+    fontSize: i.size[e.H5],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.H5],
+    marginTop: n[t.Sm],
+    marginBottom: n[t.Sm]
+  },
+  [e.H6]: {
+    fontSize: i.size[e.H6],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.H6],
+    marginTop: n[t.Sm],
+    marginBottom: n[t.Sm]
+  },
+  [e.Bold]: {
+    fontWeight: i.weight.bold
+  },
+  [e.Italic]: {
+    fontStyle: "italic"
+  },
+  [e.Body1]: {
+    fontSize: i.size[e.Body1],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.Body1]
+  },
+  [e.Body2]: {
+    fontSize: i.size[e.Body2],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.Body2]
+  },
+  [e.Caption]: {
+    fontSize: i.size[e.Caption],
+    fontWeight: i.weight.normal,
+    lineHeight: i.line.height[e.Caption]
+  },
+  [e.Display]: {
+    [t.Xs]: {
+      fontSize: i.size[t.Xs],
+      lineHeight: i.line.height[t.Xs]
+    },
+    [t.Sm]: {
+      fontSize: i.size[t.Sm],
+      lineHeight: i.line.height[t.Sm]
+    },
+    [t.Md]: {
+      fontSize: i.size[t.Md],
+      lineHeight: i.line.height[t.Md]
+    },
+    [t.Lg]: {
+      fontSize: i.size[t.Lg],
+      lineHeight: i.line.height[t.Lg]
+    },
+    [t.Xl]: {
+      fontSize: i.size[t.Xl],
+      lineHeight: i.line.height[t.Xl]
+    }
+  },
+  styleVariant: {
+    [o.Light]: {
+      fontWeight: i.weight.light
+    },
+    [o.Normal]: {
+      fontWeight: i.weight.normal
+    },
+    [o.Semibold]: {
+      fontWeight: i.weight.medium
+    },
+    [o.Bold]: {
+      fontWeight: i.weight.bold
+    },
+    [o.Italic]: {
+      fontStyle: "italic"
+    },
+    [o.Small]: {
+      fontSize: i.size[e.Body2]
+    },
+    [o.Uppercase]: {
+      textTransform: "uppercase"
+    },
+    [o.Lowercase]: {
+      textTransform: "lowercase"
+    },
+    [o.Underline]: {
+      textDecoration: "underline"
+    },
+    [o.Strike]: {
+      textDecoration: "line-through"
+    }
+  }
+};
+export {
+  a as typography
+};

package/tokens/utils.js

@@ -1 +1,85 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@emotion/react"),l=require("../types/common.js"),s=require("./types/index.types.js"),g=require("./constants.js"),p=require("./colors.js"),u=require("./spacing.js"),f=require("./borders.js"),d=e=>{var t;return{focus:{outline:`${a(2,s.Unit.Rem)} solid ${(t=p.colors)==null?void 0:t[e]}`},disabled:{cursor:"not-allowed",border:0}}},$=(e={})=>{const t=Object.entries(e).reduce((r,n)=>{const[o,c]=n;for(const i in c)r+=`${o} { ${i}: ${c[i]} } `;return r},"");return S.keyframes`${t}`},a=(e,t=s.Unit.Px)=>{const r=typeof e=="number"?e:parseFloat(e);switch(t){case s.Unit.Rem:return`${r/16}${t}`;case s.Unit.Percents:return`${r/100}${t}`;default:return`${r}${t}`}},m=(e=l.SizeVariant.Sm,t=s.Unit.Px)=>{const r=typeof e=="number"?parseFloat(u.spacing[l.SizeVariant.Xs])*e:u.spacing[e];return a(r,t)},b=(e,t=1)=>{let r=0,n=0,o=0;return e.length===4?(r=parseInt(e[1]+e[1],16),n=parseInt(e[2]+e[2],16),o=parseInt(e[3]+e[3],16)):e.length===7&&(r=parseInt(e[1]+e[2],16),n=parseInt(e[3]+e[4],16),o=parseInt(e[5]+e[6],16)),`rgba(${isNaN(r)?0:r}, ${isNaN(n)?0:n}, ${isNaN(o)?0:o}, ${t})`},y=({inset:e,borderRadius:t,border:r=f.borders.focus})=>({position:"relative","&::after":{content:'""',position:"absolute",top:e,right:e,bottom:e,left:e,border:r,borderRadius:t}}),I=(e={})=>Object.entries(e).reduce((t,[r,n])=>{const o=r.replace("$",""),c=g.BOX_STYLE_PROPS.includes(o);return typeof n<"u"&&(t[c?"boxStyles":"restProps"][o]=n),t},{boxStyles:{},restProps:{}}),P=(e={})=>Object.entries(e).reduce((t,[r,n])=>{const o=g.BOX_STYLE_PROPS.includes(r)?`$${r}`:r;return n&&(t[o]=n),t},{}),T=(e,t="data:image/svg+xml")=>`url("${t},${encodeURIComponent(e)}")`;exports.convertJsonToCssKeyframeCss=$;exports.convertToInlineBoxStyles=P;exports.convertToUnit=a;exports.generateStateStyles=d;exports.getBoxStyles=I;exports.getFocusStyles=y;exports.getImgSrc=T;exports.getSpacing=m;exports.hexToRgba=b;
+import { keyframes as l } from "@emotion/react";
+import { Unit as s } from "./types/index.types.js";
+import { BOX_STYLE_PROPS as f } from "./constants.js";
+import { colors as u } from "./colors.js";
+import { spacing as i } from "./spacing.js";
+import { borders as $ } from "./borders.js";
+import { SizeVariant as m } from "../types/common.js";
+const N = (t) => {
+  var r;
+  return {
+    // hover: { background: get(colors, `types.${color}.dark`, colors?.hover) },
+    // active: { background: get(colors, `types.${color}.darker`, colors?.active) },
+    // todo: rework border in object form
+    focus: {
+      outline: `${p(2, s.Rem)} solid ${(r = u) == null ? void 0 : r[t]}`
+    },
+    disabled: {
+      // background: colors?.disabled,
+      // color: colors?.disabledText,
+      cursor: "not-allowed",
+      border: 0
+    }
+  };
+}, O = (t = {}) => {
+  const r = Object.entries(t).reduce((e, o) => {
+    const [n, c] = o;
+    for (const a in c)
+      e += `${n} { ${a}: ${c[a]} } `;
+    return e;
+  }, "");
+  return l`${r}`;
+}, p = (t, r = s.Px) => {
+  const e = typeof t == "number" ? t : parseFloat(t);
+  switch (r) {
+    case s.Rem:
+      return `${e / 16}${r}`;
+    // Assuming 1rem = 16px
+    case s.Percents:
+      return `${e / 100}${r}`;
+    default:
+      return `${e}${r}`;
+  }
+}, R = (t = m.Sm, r = s.Px) => {
+  const e = typeof t == "number" ? parseFloat(i[m.Xs]) * t : i[t];
+  return p(e, r);
+}, T = (t, r = 1) => {
+  let e = 0, o = 0, n = 0;
+  return t.length === 4 ? (e = parseInt(t[1] + t[1], 16), o = parseInt(t[2] + t[2], 16), n = parseInt(t[3] + t[3], 16)) : t.length === 7 && (e = parseInt(t[1] + t[2], 16), o = parseInt(t[3] + t[4], 16), n = parseInt(t[5] + t[6], 16)), `rgba(${isNaN(e) ? 0 : e}, ${isNaN(o) ? 0 : o}, ${isNaN(n) ? 0 : n}, ${r})`;
+}, B = ({
+  inset: t,
+  borderRadius: r,
+  border: e = $.focus
+}) => ({
+  position: "relative",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: t,
+    right: t,
+    bottom: t,
+    left: t,
+    border: e,
+    borderRadius: r
+  }
+}), j = (t = {}) => Object.entries(t).reduce((r, [e, o]) => {
+  const n = e.replace("$", ""), c = f.includes(n);
+  return typeof o < "u" && (r[c ? "boxStyles" : "restProps"][n] = o), r;
+}, {
+  boxStyles: {},
+  restProps: {}
+}), C = (t = {}) => Object.entries(t).reduce((r, [e, o]) => {
+  const n = f.includes(e) ? `$${e}` : e;
+  return o && (r[n] = o), r;
+}, {}), F = (t, r = "data:image/svg+xml") => `url("${r},${encodeURIComponent(t)}")`;
+export {
+  O as convertJsonToCssKeyframeCss,
+  C as convertToInlineBoxStyles,
+  p as convertToUnit,
+  N as generateStateStyles,
+  j as getBoxStyles,
+  B as getFocusStyles,
+  F as getImgSrc,
+  R as getSpacing,
+  T as hexToRgba
+};

package/tokens/values.js

@@ -1 +1,73 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../constants/positioning.js"),e=require("../types/common.js"),r=require("./utils.js"),t=require("./radius.js"),n=require("./borders.js"),s=require("./types/index.types.js"),a={borderThin:r.convertToUnit(1,s.Unit.Rem),borderMedium:r.convertToUnit(2,s.Unit.Rem),borderThick:r.convertToUnit(4,s.Unit.Rem),borderNone:n.borders.none,border:{radius:{none:t.radius.none}},screenSmall:"480px",screenMedium:"768px",screenLarge:"1024px",screenXLarge:"1280px",responsiveSmall:"20%",responsiveMedium:"40%",responsiveLarge:"60%",responsiveXLarge:"80%",zIndex:{snackbar:o.Z_INDEX.HIGH},transitions:{stepper:{separator:"border 0.2s ease-in-out",stepIcon:"background 0.2s ease-in-out, border 0.2s ease-in-out"},button:{default:"background 0.2s ease-in-out, border 0.2s ease-in-out"},scroll:{scrollbar:"opacity 0.2s ease-in-out",thumb:"top 0.1s cubic-bezier(0.4,0,0.2,1)"},rating:{label:"transform 0.2s ease-in-out"},progressbar:{styledDeterminateFill:"width 300ms ease"},accordion:{toggle:"0.15s ease-out",icon:"transform 0.3s ease"},select:{arrowIconWrapper:"transform 0.3s ease"}},transform:{rotateUp:"rotate(180deg)",rotateReset:"rotate(0deg)"},separator:{thickness:{[e.SizeVariant.Xs]:"0.5px",[e.SizeVariant.Sm]:"1px",[e.SizeVariant.Md]:"2px",[e.SizeVariant.Lg]:"3px",[e.SizeVariant.Xl]:"4px",[e.SizeVariant.Xxl]:"5px"}}};exports.values=a;
+import { convertToUnit as r } from "./utils.js";
+import { radius as s } from "./radius.js";
+import { borders as t } from "./borders.js";
+import { Unit as o } from "./types/index.types.js";
+import { Z_INDEX as a } from "../constants/positioning.js";
+import { SizeVariant as e } from "../types/common.js";
+const u = {
+  // Border tokens
+  borderThin: r(1, o.Rem),
+  borderMedium: r(2, o.Rem),
+  borderThick: r(4, o.Rem),
+  borderNone: t.none,
+  border: {
+    radius: {
+      none: s.none
+    }
+  },
+  // Layout tokens
+  screenSmall: "480px",
+  screenMedium: "768px",
+  screenLarge: "1024px",
+  screenXLarge: "1280px",
+  responsiveSmall: "20%",
+  responsiveMedium: "40%",
+  responsiveLarge: "60%",
+  responsiveXLarge: "80%",
+  zIndex: {
+    snackbar: a.HIGH
+  },
+  transitions: {
+    stepper: {
+      separator: "border 0.2s ease-in-out",
+      stepIcon: "background 0.2s ease-in-out, border 0.2s ease-in-out"
+    },
+    button: {
+      default: "background 0.2s ease-in-out, border 0.2s ease-in-out"
+    },
+    scroll: {
+      scrollbar: "opacity 0.2s ease-in-out",
+      thumb: "top 0.1s cubic-bezier(0.4,0,0.2,1)"
+    },
+    rating: {
+      label: "transform 0.2s ease-in-out"
+    },
+    progressbar: {
+      styledDeterminateFill: "width 300ms ease"
+    },
+    accordion: {
+      toggle: "0.15s ease-out",
+      icon: "transform 0.3s ease"
+    },
+    select: {
+      arrowIconWrapper: "transform 0.3s ease"
+    }
+  },
+  transform: {
+    rotateUp: "rotate(180deg)",
+    rotateReset: "rotate(0deg)"
+  },
+  separator: {
+    thickness: {
+      [e.Xs]: "0.5px",
+      [e.Sm]: "1px",
+      [e.Md]: "2px",
+      [e.Lg]: "3px",
+      [e.Xl]: "4px",
+      [e.Xxl]: "5px"
+    }
+  }
+};
+export {
+  u as values
+};

package/tokens/wrapper.js

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../constants/positioning.js"),e=require("../types/wrapper.js"),r={default:{justifyContent:"center",alignItems:"center",backdropFilter:"blur(2px)",backgroundColor:"rgba(0, 0, 0, 0.1)"},[e.WrapperVariant.Inline]:{display:"inline-flex"},[e.WrapperVariant.Section]:{display:"flex",top:0,left:0,width:"100%",height:"100%",position:"absolute",zIndex:t.Z_INDEX.HIGH},[e.WrapperVariant.FullPage]:{display:"flex",position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:t.Z_INDEX.TOP}};exports.wrapper=r;
+import { WrapperVariant as e } from "../types/wrapper.js";
+import { Z_INDEX as t } from "../constants/positioning.js";
+const l = {
+  default: {
+    justifyContent: "center",
+    alignItems: "center",
+    backdropFilter: "blur(2px)",
+    backgroundColor: "rgba(0, 0, 0, 0.1)"
+  },
+  [e.Inline]: {
+    display: "inline-flex"
+  },
+  [e.Section]: {
+    display: "flex",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%",
+    position: "absolute",
+    zIndex: t.HIGH
+  },
+  [e.FullPage]: {
+    display: "flex",
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    zIndex: t.TOP
+  }
+};
+export {
+  l as wrapper
+};

package/types/accesability.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(i=>(i[i.Default=0]="Default",i[i.Disabled=-1]="Disabled",i[i.HighPriority=1]="HighPriority",i))(r||{});exports.TabIndex=r;
+var r = /* @__PURE__ */ ((i) => (i[i.Default = 0] = "Default", i[i.Disabled = -1] = "Disabled", i[i.HighPriority = 1] = "HighPriority", i))(r || {});
+export {
+  r as TabIndex
+};

package/types/button.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Contained="contained",e.Outlined="outlined",e.Text="text",e.Inherit="inherit",e))(r||{}),t=(e=>(e.Primary="primary",e.Secondary="secondary",e))(t||{}),i=(e=>(e.Button="button",e.Submit="submit",e.Reset="reset",e))(i||{}),n=(e=>(e.Button="button",e.Link="link",e.Checkbox="checkbox",e.Switch="switch",e.Tab="tab",e))(n||{});exports.ButtonColorVariant=t;exports.ButtonRole=n;exports.ButtonTypes=i;exports.ButtonVariant=r;
+var e = /* @__PURE__ */ ((r) => (r.Contained = "contained", r.Outlined = "outlined", r.Text = "text", r.Inherit = "inherit", r))(e || {}), i = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Secondary = "secondary", r))(i || {}), b = /* @__PURE__ */ ((r) => (r.Button = "button", r.Submit = "submit", r.Reset = "reset", r))(b || {}), c = /* @__PURE__ */ ((r) => (r.Button = "button", r.Link = "link", r.Checkbox = "checkbox", r.Switch = "switch", r.Tab = "tab", r))(c || {});
+export {
+  i as ButtonColorVariant,
+  c as ButtonRole,
+  b as ButtonTypes,
+  e as ButtonVariant
+};

package/types/card.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.Vertical="Vertical",r.Horizontal="Horizontal",r))(t||{}),e=(r=>(r.Default="default",r.Sm="sm",r))(e||{});exports.CardSizeVariant=e;exports.CardVariant=t;
+var t = /* @__PURE__ */ ((r) => (r.Vertical = "Vertical", r.Horizontal = "Horizontal", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.Default = "default", r.Sm = "sm", r))(e || {});
+export {
+  e as CardSizeVariant,
+  t as CardVariant
+};

package/types/chat.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Auto="auto",e.Desktop="desktop",e.Drawer="drawer",e))(r||{});exports.ChatLayoutVariant=r;
+var r = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Desktop = "desktop", e.Drawer = "drawer", e))(r || {});
+export {
+  r as ChatLayoutVariant
+};

package/types/common.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(l=>(l.Xs="xs",l.Sm="sm",l.Md="md",l.Lg="lg",l.Xl="xl",l.Xxl="xxl",l))(r||{}),o=(l=>(l.Vertical="vertical",l.Horizontal="horizontal",l))(o||{});exports.Orientation=o;exports.SizeVariant=r;
+var x = /* @__PURE__ */ ((l) => (l.Xs = "xs", l.Sm = "sm", l.Md = "md", l.Lg = "lg", l.Xl = "xl", l.Xxl = "xxl", l))(x || {}), r = /* @__PURE__ */ ((l) => (l.Vertical = "vertical", l.Horizontal = "horizontal", l))(r || {});
+export {
+  r as Orientation,
+  x as SizeVariant
+};

package/types/cursors.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.Default="default",e.Pointer="pointer",e.Text="text",e.Move="move",e.Wait="wait",e.Crosshair="crosshair",e.NotAllowed="not-allowed",e.Help="help",e.ZoomIn="zoom-in",e.ZoomOut="zoom-out",e.Grab="grab",e.Grabbing="grabbing",e))(t||{});exports.Cursors=t;
+var e = /* @__PURE__ */ ((t) => (t.Default = "default", t.Pointer = "pointer", t.Text = "text", t.Move = "move", t.Wait = "wait", t.Crosshair = "crosshair", t.NotAllowed = "not-allowed", t.Help = "help", t.ZoomIn = "zoom-in", t.ZoomOut = "zoom-out", t.Grab = "grab", t.Grabbing = "grabbing", t))(e || {});
+export {
+  e as Cursors
+};

package/types/input.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(o=>(o.Text="text",o.Password="password",o.Email="email",o.Search="search",o.Url="url",o.Tel="tel",o.Date="date",o.Time="time",o.Month="month",o.Week="week",o.Color="color",o.Range="range",o.Number="number",o.Radio="radio",o.Checkbox="checkbox",o))(r||{}),e=(o=>(o.Primary="primary",o.Success="success",o.Warning="warning",o.Error="error",o))(e||{}),c=(o=>(o.Textbox="textbox",o.Checkbox="checkbox",o.Radio="radio",o.Radiogroup="radiogroup",o.Combobox="combobox",o))(c||{});exports.InputColorVariant=e;exports.InputRole=c;exports.InputVariantType=r;
+var r = /* @__PURE__ */ ((o) => (o.Text = "text", o.Password = "password", o.Email = "email", o.Search = "search", o.Url = "url", o.Tel = "tel", o.Date = "date", o.Time = "time", o.Month = "month", o.Week = "week", o.Color = "color", o.Range = "range", o.Number = "number", o.Radio = "radio", o.Checkbox = "checkbox", o))(r || {}), c = /* @__PURE__ */ ((o) => (o.Primary = "primary", o.Success = "success", o.Warning = "warning", o.Error = "error", o))(c || {}), e = /* @__PURE__ */ ((o) => (o.Textbox = "textbox", o.Checkbox = "checkbox", o.Radio = "radio", o.Radiogroup = "radiogroup", o.Combobox = "combobox", o))(e || {});
+export {
+  c as InputColorVariant,
+  e as InputRole,
+  r as InputVariantType
+};

package/types/label.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.Left="left",t.Right="right",t))(e||{});exports.LabelPosition=e;
+var t = /* @__PURE__ */ ((r) => (r.Left = "left", r.Right = "right", r))(t || {});
+export {
+  t as LabelPosition
+};

package/types/layout.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Row="row",e.RowReverse="row-reverse",e.Column="column",e.ColumnReverse="column-reverse",e))(r||{});exports.FlexDirection=r;
+var e = /* @__PURE__ */ ((r) => (r.Row = "row", r.RowReverse = "row-reverse", r.Column = "column", r.ColumnReverse = "column-reverse", r))(e || {});
+export {
+  e as FlexDirection
+};

package/types/link.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Primary="primary",e.Secondary="secondary",e.Inverted="inverted",e.Inherit="inherit",e))(r||{}),t=(e=>(e.Blank="_blank",e.Self="_self",e.Parent="_parent",e.Top="_top",e.Framename="framename",e))(t||{});exports.LinkTarget=t;exports.LinkVariant=r;
+var r = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Inverted = "inverted", e.Inherit = "inherit", e))(r || {}), m = /* @__PURE__ */ ((e) => (e.Blank = "_blank", e.Self = "_self", e.Parent = "_parent", e.Top = "_top", e.Framename = "framename", e))(m || {});
+export {
+  m as LinkTarget,
+  r as LinkVariant
+};

package/types/list.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.OrderedCircle="ordered-circle",e.OrderedSquare="ordered-square",e.UnorderedDot="unordered-dot",e.UnorderedCheck="unordered-check",e))(r||{});exports.ListVariant=r;
+var r = /* @__PURE__ */ ((e) => (e.OrderedCircle = "ordered-circle", e.OrderedSquare = "ordered-square", e.UnorderedDot = "unordered-dot", e.UnorderedCheck = "unordered-check", e))(r || {});
+export {
+  r as ListVariant
+};

package/types/separator.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.Solid="solid",e.Dash="dashed",e.Dot="dotted",e))(t||{}),d=(e=>(e.Start="start",e.Center="center",e.End="end",e))(d||{});exports.SeparatorLabelPosition=d;exports.SeparatorVariant=t;
+var e = /* @__PURE__ */ ((d) => (d.Solid = "solid", d.Dash = "dashed", d.Dot = "dotted", d))(e || {}), t = /* @__PURE__ */ ((d) => (d.Start = "start", d.Center = "center", d.End = "end", d))(t || {});
+export {
+  t as SeparatorLabelPosition,
+  e as SeparatorVariant
+};

package/types/skeleton.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.Rectangular="rectangular",r.Rounded="rounded",r.Circular="circular",r))(e||{});exports.SkeletonVariant=e;
+var u = /* @__PURE__ */ ((r) => (r.Rectangular = "rectangular", r.Rounded = "rounded", r.Circular = "circular", r))(u || {});
+export {
+  u as SkeletonVariant
+};

package/types/snackbar.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.Success="success",t.Error="error",t.Warning="warning",t.Info="info",t))(e||{}),o=(t=>(t.TopLeft="top-left",t.TopCenter="top-center",t.TopRight="top-right",t.BottomLeft="bottom-left",t.BottomCenter="bottom-center",t.BottomRight="bottom-right",t))(o||{});exports.SnackbarPosition=o;exports.SnackbarVariant=e;
+var e = /* @__PURE__ */ ((t) => (t.Success = "success", t.Error = "error", t.Warning = "warning", t.Info = "info", t))(e || {}), o = /* @__PURE__ */ ((t) => (t.TopLeft = "top-left", t.TopCenter = "top-center", t.TopRight = "top-right", t.BottomLeft = "bottom-left", t.BottomCenter = "bottom-center", t.BottomRight = "bottom-right", t))(o || {});
+export {
+  o as SnackbarPosition,
+  e as SnackbarVariant
+};

package/types/stepper.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Active="active",e.Inactive="inactive",e.Complete="complete",e))(r||{}),c=(e=>(e.Error="error",e.Success="success",e))(c||{});exports.StepStatus=r;exports.StepValidationStatus=c;
+var e = /* @__PURE__ */ ((r) => (r.Active = "active", r.Inactive = "inactive", r.Complete = "complete", r))(e || {}), c = /* @__PURE__ */ ((r) => (r.Error = "error", r.Success = "success", r))(c || {});
+export {
+  e as StepStatus,
+  c as StepValidationStatus
+};

package/types/typography.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var s=(e=>(e.Start="start",e.End="end",e.Center="center",e.Left="left",e.Right="right",e.Justify="justify",e.MatchParent="match-parent",e.Inherit="inherit",e.Initial="initial",e.Revert="revert",e.RevertLayer="revert-layer",e.Unset="unset",e.WebkitCenter="-webkit-center",e.MozCenter="-moz-center",e))(s||{}),c=(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.Body1="p",e.Body2="small",e.Display="div",e.Italic="i",e.Bold="strong",e.Sup="sup",e.Sub="sub",e.Caption="caption",e.Inherit="span",e))(c||{}),u=(e=>(e.Bold="bold",e.Semibold="semibold",e.Normal="normal",e.Light="light",e.Italic="italic",e.Small="small",e.Uppercase="uppercase",e.Lowercase="lowercase",e.Underline="underline",e.Strike="strike",e))(u||{});exports.TextAlign=s;exports.TypographyStyleVariant=u;exports.TypographyVariant=c;
+var s = /* @__PURE__ */ ((e) => (e.Start = "start", e.End = "end", e.Center = "center", e.Left = "left", e.Right = "right", e.Justify = "justify", e.MatchParent = "match-parent", e.Inherit = "inherit", e.Initial = "initial", e.Revert = "revert", e.RevertLayer = "revert-layer", e.Unset = "unset", e.WebkitCenter = "-webkit-center", e.MozCenter = "-moz-center", e))(s || {}), c = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Body1 = "p", e.Body2 = "small", e.Display = "div", e.Italic = "i", e.Bold = "strong", e.Sup = "sup", e.Sub = "sub", e.Caption = "caption", e.Inherit = "span", e))(c || {}), d = /* @__PURE__ */ ((e) => (e.Bold = "bold", e.Semibold = "semibold", e.Normal = "normal", e.Light = "light", e.Italic = "italic", e.Small = "small", e.Uppercase = "uppercase", e.Lowercase = "lowercase", e.Underline = "underline", e.Strike = "strike", e))(d || {});
+export {
+  s as TextAlign,
+  d as TypographyStyleVariant,
+  c as TypographyVariant
+};

package/types/wrapper.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e.Inline="inline",e.Section="section",e.FullPage="fullPage",e))(l||{});exports.WrapperVariant=l;
+var l = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Section = "section", e.FullPage = "fullPage", e))(l || {});
+export {
+  l as WrapperVariant
+};

package/utils/animationFrame.js

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function c(r,e=0){const i=t.useRef(r),u=t.useRef(0);i.current=r,t.useEffect(()=>{let n;function a(){const o=Date.now();(!e||o-u.current>=e)&&(u.current=o,i.current()),n=requestAnimationFrame(a)}return n=requestAnimationFrame(a),()=>{cancelAnimationFrame(n)}},[e])}exports.useAnimationFrame=c;
+import { useRef as c, useEffect as u } from "react";
+function f(r, n = 0) {
+  const t = c(r), o = c(0);
+  t.current = r, u(() => {
+    let e;
+    function i() {
+      const a = Date.now();
+      (!n || a - o.current >= n) && (o.current = a, t.current()), e = requestAnimationFrame(i);
+    }
+    return e = requestAnimationFrame(i), () => {
+      cancelAnimationFrame(e);
+    };
+  }, [n]);
+}
+export {
+  f as useAnimationFrame
+};

package/utils/common.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=i=>typeof i=="string"||typeof i=="number";exports.isChildPrimitive=t;
+const i = (t) => typeof t == "string" || typeof t == "number";
+export {
+  i as isChildPrimitive
+};

package/utils/date.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=({date:t,locale:e="en-US",format:o={day:"numeric",month:"short"}})=>new Date(t).toLocaleDateString(e,o);exports.formatDate=r;
+const o = ({
+  date: t,
+  locale: e = "en-US",
+  format: n = {
+    day: "numeric",
+    month: "short"
+  }
+}) => new Date(t).toLocaleDateString(e, n);
+export {
+  o as formatDate
+};