@functionalui/functionalui 0.2.1 → 0.2.3

package/dist/types-34thzuQ5.js

@@ -0,0 +1,134 @@
+import { C as o } from "./generics-D33J7ILI.js";
+import { d as i, S as t, f as r } from "./generics-C-WSPclF.js";
+import { S as n } from "./generics-BrMr2-Gs.js";
+var l = /* @__PURE__ */ ((e) => (e[e.Info = 1] = "Info", e[e.Note = 2] = "Note", e[e.Success = 3] = "Success", e[e.Warning = 4] = "Warning", e[e.Attention = 5] = "Attention", e[e.Error = 6] = "Error", e))(l || {});
+const d = {
+  1: {
+    borderColor: o.Blue4,
+    bgColor: o.Blue2,
+    textTitleColor: o.Blue6,
+    textDescriptionColor: o.Blue9,
+    iconColor: o.Blue5
+  },
+  2: {
+    borderColor: o.Grey4,
+    bgColor: o.Grey2,
+    textTitleColor: o.Grey6,
+    textDescriptionColor: o.Grey9,
+    iconColor: o.Grey5
+  },
+  3: {
+    borderColor: o.Green4,
+    bgColor: o.Green2,
+    textTitleColor: o.Green6,
+    textDescriptionColor: o.Green9,
+    iconColor: o.Green5
+  },
+  4: {
+    borderColor: o.Yellow4,
+    bgColor: o.Yellow2,
+    textTitleColor: o.Yellow6,
+    textDescriptionColor: o.Yellow9,
+    iconColor: o.Yellow5
+  },
+  5: {
+    borderColor: o.Red4,
+    bgColor: o.Red2,
+    textTitleColor: o.Red6,
+    textDescriptionColor: o.Red9,
+    iconColor: o.Red5
+  },
+  6: {
+    borderColor: o.Red4,
+    bgColor: o.Red2,
+    textTitleColor: o.Red6,
+    textDescriptionColor: o.Red9,
+    iconColor: o.Red5
+  }
+}, z = {
+  1: {
+    titleIcon: "info"
+  },
+  2: {
+    titleIcon: "info"
+  },
+  3: {
+    titleIcon: "check"
+  },
+  4: {
+    titleIcon: "alert-circle"
+  },
+  5: {
+    titleIcon: "alert-triangle"
+  },
+  6: {
+    titleIcon: "x-octagon"
+  }
+}, C = {
+  1: "Info",
+  2: "Note",
+  3: "Success",
+  4: "Warning",
+  5: "Attention",
+  6: "Error"
+};
+var S = /* @__PURE__ */ ((e) => (e[e.Small = 1] = "Small", e[e.Medium = 2] = "Medium", e[e.Big = 3] = "Big", e))(S || {});
+const p = {
+  1: {
+    title: {
+      padding: t.Size1,
+      paddingBottom: t.Size1,
+      paddingLeft: t.Size2,
+      paddingRight: t.Size2,
+      fontSize: i.Size3,
+      fontWeight: r.Size4,
+      iconSize: n.Size4,
+      iconMargin: t.Size1
+    },
+    content: {
+      padding: t.Size1,
+      paddingTop: t.Size0,
+      paddingLeft: t.Size2,
+      paddingRight: t.Size2,
+      fontSize: i.Size3
+    }
+  },
+  2: {
+    title: {
+      padding: t.Size2,
+      paddingBottom: t.Size2,
+      fontSize: i.Size5,
+      fontWeight: r.Size3,
+      iconSize: n.Size5,
+      iconMargin: t.Size1
+    },
+    content: {
+      padding: t.Size2,
+      paddingTop: t.Size0,
+      fontSize: i.Size4
+    }
+  },
+  3: {
+    title: {
+      padding: t.Size3,
+      paddingBottom: t.Size3,
+      fontSize: i.Size6,
+      fontWeight: r.Size3,
+      iconSize: n.Size7,
+      iconMargin: t.Size2
+    },
+    content: {
+      padding: t.Size3,
+      paddingTop: t.Size0,
+      fontSize: i.Size5
+    }
+  }
+};
+export {
+  p as A,
+  d as a,
+  z as b,
+  l as c,
+  S as d,
+  C as e
+};

package/dist/types-B3Ew5Ber.cjs

@@ -0,0 +1 @@
+"use strict";var t=(i=>(i[i.GlobalEventNotification=1]="GlobalEventNotification",i[i.Modals=2]="Modals",i))(t||{});exports.Portals=t;

package/dist/types-B6XaG3V2.js

@@ -0,0 +1,65 @@
+var r = /* @__PURE__ */ ((h) => (h[h.Icon = 1] = "Icon", h[h.Loading = 2] = "Loading", h[h.Success = 3] = "Success", h[h.Error = 4] = "Error", h[h.Disabled = 5] = "Disabled", h))(r || {});
+const b = {
+  1: null,
+  2: "spinner",
+  3: "check",
+  4: "x",
+  5: "minus-circle"
+};
+var n = /* @__PURE__ */ ((h) => (h[h.Tiny = 1] = "Tiny", h[h.Smaller = 2] = "Smaller", h[h.Small = 3] = "Small", h[h.Medium = 4] = "Medium", h[h.Big = 5] = "Big", h[h.Large = 6] = "Large", h))(n || {});
+const u = {
+  1: {
+    container: { w: 60, h: 34 },
+    bg: { w: 60, h: 34 },
+    thumb: { w: 26, h: 26 },
+    bgBorderRadius: "17px",
+    thumbBR: "50%",
+    icon: { w: 20, h: 20 }
+  },
+  2: {
+    container: { w: 60, h: 34 },
+    bg: { w: 60, h: 34 },
+    thumb: { w: 26, h: 26 },
+    bgBorderRadius: "17px",
+    thumbBR: "50%",
+    icon: { w: 20, h: 20 }
+  },
+  3: {
+    container: { w: 60, h: 34 },
+    bg: { w: 60, h: 34 },
+    thumb: { w: 26, h: 26 },
+    bgBorderRadius: "17px",
+    thumbBR: "50%",
+    icon: { w: 20, h: 20 }
+  },
+  4: {
+    container: { w: 60, h: 34 },
+    bg: { w: 60, h: 34 },
+    thumb: { w: 26, h: 26 },
+    bgBorderRadius: "17px",
+    thumbBR: "50%",
+    icon: { w: 20, h: 20 }
+  },
+  5: {
+    container: { w: 60, h: 34 },
+    bg: { w: 60, h: 34 },
+    thumb: { w: 26, h: 26 },
+    bgBorderRadius: "17px",
+    thumbBR: "50%",
+    icon: { w: 20, h: 20 }
+  },
+  6: {
+    container: { w: 60, h: 34 },
+    bg: { w: 60, h: 34 },
+    thumb: { w: 26, h: 26 },
+    bgBorderRadius: "17px",
+    thumbBR: "50%",
+    icon: { w: 20, h: 20 }
+  }
+};
+export {
+  u as T,
+  b as a,
+  n as b,
+  r as c
+};

package/dist/types-BL1gBa8J.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./generics-DE1oV0MV.cjs");var o=(e=>(e[e.Success=1]="Success",e[e.Alert=2]="Alert",e[e.Error=3]="Error",e[e.Info=4]="Info",e[e.Static=5]="Static",e[e.Loading=6]="Loading",e[e.SuccessStatic=7]="SuccessStatic",e[e.ErrorStatic=8]="ErrorStatic",e[e.LoadingStatic=9]="LoadingStatic",e))(o||{});const c={1:{icon:"check-circle",color:r.ColorPalettes.Green5,isTimeout:!0,default:"Success",classname:"green"},2:{icon:"alert-circle",color:r.ColorPalettes.Yellow5,isTimeout:!0,default:"Alert",classname:"orange"},3:{icon:"x-octagon",color:r.ColorPalettes.Red5,isTimeout:!0,default:"Error",classname:"red"},4:{icon:"info",color:r.ColorPalettes.Grey7,isTimeout:!0,default:"Loading",classname:"blue"},6:{icon:"spinner",color:r.ColorPalettes.Blue5,isTimeout:!0,default:"Info",classname:"blue"},5:{icon:"info",color:r.ColorPalettes.Blue5,isTimeout:!1,default:"Info",classname:"blue"},7:{icon:"check-circle",color:r.ColorPalettes.Green5,isTimeout:!1,default:"Success",classname:"green"},8:{icon:"x-octagon",color:r.ColorPalettes.Red5,isTimeout:!1,default:"Error",classname:"red"},9:{icon:"spinner",color:r.ColorPalettes.Grey7,isTimeout:!1,default:"Loading",classname:""}};exports.TOAST_TYPE=c;exports.ToastTypes=o;

package/dist/types-BNUi2DUD.js

@@ -0,0 +1,234 @@
+import { C as r } from "./generics-D33J7ILI.js";
+import { R as c, d as n, S as i, b as d, C as a, B as S, a as g } from "./generics-C-WSPclF.js";
+import { S as o } from "./generics-BrMr2-Gs.js";
+var z = /* @__PURE__ */ ((e) => (e[e.Left = 1] = "Left", e[e.Right = 2] = "Right", e))(z || {}), l = /* @__PURE__ */ ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e))(l || {}), b = /* @__PURE__ */ ((e) => (e[e.Size1 = 1] = "Size1", e[e.Size2 = 2] = "Size2", e[e.Size3 = 3] = "Size3", e[e.Size4 = 4] = "Size4", e[e.Size5 = 5] = "Size5", e))(b || {});
+const O = {
+  [d.Size0]: "fctrd--cboxs-0",
+  [d.Size1]: "fctrd--cboxs-1",
+  [d.Size2]: "fctrd--cboxs-2",
+  [d.Size3]: "fctrd--cboxs-3",
+  [d.Size4]: "fctrd--cboxs-4",
+  [d.Size5]: "fctrd--cboxs-5",
+  [d.Size6]: "fctrd--cboxs-6"
+};
+var y = /* @__PURE__ */ ((e) => (e[e.Icon = 1] = "Icon", e[e.Loading = 2] = "Loading", e[e.Success = 3] = "Success", e[e.Error = 4] = "Error", e[e.Disabled = 5] = "Disabled", e))(y || {});
+const T = {
+  1: {},
+  3: {
+    icon: {
+      icon: "check"
+    }
+  },
+  2: {
+    icon: {
+      icon: "spinner"
+    },
+    cursor: a.Progress,
+    animation: !1
+  },
+  4: {
+    icon: {
+      icon: "alert-triangle",
+      iconColor: r.Red4
+    },
+    color: {
+      bgColor: r.Red9,
+      borderColor: r.Red4
+    },
+    text: {
+      color: r.Red4
+    }
+  },
+  5: {
+    icon: {
+      icon: "minus-circle",
+      iconColor: r.Grey5
+    },
+    color: {
+      bgColor: r.Grey8,
+      borderColor: r.Grey5
+    },
+    text: {
+      color: r.Grey5
+    },
+    cursor: a.NotAllowed,
+    animation: !1
+  }
+}, P = {
+  2: "spinner",
+  3: "check",
+  4: "x",
+  5: "minus-circle"
+};
+var p = /* @__PURE__ */ ((e) => (e[e.Primary5 = 1] = "Primary5", e[e.Secondary5 = 2] = "Secondary5", e[e.Grey5 = 3] = "Grey5", e[e.Blue5 = 4] = "Blue5", e[e.Green5 = 5] = "Green5", e[e.Red5 = 6] = "Red5", e[e.Yellow5 = 7] = "Yellow5", e[e.OutlinePrimary5 = 8] = "OutlinePrimary5", e[e.OutlineSecondary5 = 9] = "OutlineSecondary5", e[e.OutlineGrey5 = 10] = "OutlineGrey5", e[e.OutlineBlue5 = 11] = "OutlineBlue5", e[e.OutlineGreen5 = 12] = "OutlineGreen5", e[e.OutlineRed5 = 13] = "OutlineRed5", e[e.OutlineYellow5 = 14] = "OutlineYellow5", e))(p || {});
+const L = {
+  1: {
+    text: r.Grey10,
+    icon: r.Primary8,
+    background: r.Primary5,
+    borderColor: r.Primary6
+  },
+  2: {
+    text: r.Grey10,
+    icon: r.Secondary8,
+    background: r.Secondary5,
+    borderColor: r.Secondary6
+  },
+  3: {
+    text: r.Grey10,
+    icon: r.Grey8,
+    background: r.Grey5,
+    borderColor: r.Grey6
+  },
+  4: {
+    text: r.Grey10,
+    icon: r.Blue8,
+    background: r.Blue5,
+    borderColor: r.Blue6
+  },
+  6: {
+    text: r.Grey10,
+    icon: r.Red8,
+    background: r.Red5,
+    borderColor: r.Red6
+  },
+  5: {
+    text: r.Grey10,
+    icon: r.Green8,
+    background: r.Green5,
+    borderColor: r.Green6
+  },
+  7: {
+    text: r.Grey10,
+    icon: r.Yellow8,
+    background: r.Yellow5,
+    borderColor: r.Yellow6
+  }
+};
+var m = /* @__PURE__ */ ((e) => (e[e.Tiny = 1] = "Tiny", e[e.Smaller = 2] = "Smaller", e[e.Small = 3] = "Small", e[e.Medium = 4] = "Medium", e[e.Big = 5] = "Big", e[e.Large = 6] = "Large", e))(m || {});
+const h = {
+  1: {
+    paddingTop: i.Size1,
+    paddingBottom: i.Size1,
+    paddingLeft: i.Size2,
+    paddingRight: i.Size2,
+    icon: o.Size3,
+    iconMargin: i.Size0,
+    text: n.Size1,
+    borderRadius: c.Size5
+  },
+  2: {
+    paddingTop: i.Size2,
+    paddingBottom: i.Size2,
+    paddingLeft: i.Size3,
+    paddingRight: i.Size3,
+    icon: o.Size4,
+    iconMargin: i.Size0,
+    text: n.Size2,
+    borderRadius: c.Size6
+  },
+  3: {
+    paddingTop: i.Size3,
+    paddingBottom: i.Size3,
+    paddingLeft: i.Size4,
+    paddingRight: i.Size4,
+    icon: o.Size5,
+    iconMargin: i.Size0,
+    text: n.Size3,
+    borderRadius: c.Size7
+  },
+  4: {
+    paddingTop: i.Size3,
+    paddingBottom: i.Size3,
+    paddingLeft: i.Size4,
+    paddingRight: i.Size4,
+    icon: o.Size6,
+    iconMargin: i.Size0,
+    text: n.Size4,
+    borderRadius: c.Size7
+  },
+  5: {
+    paddingTop: i.Size4,
+    paddingBottom: i.Size4,
+    paddingLeft: i.Size5,
+    paddingRight: i.Size5,
+    icon: o.Size7,
+    iconMargin: i.Size1,
+    text: n.Size5,
+    borderRadius: c.Size7
+  },
+  6: {
+    paddingTop: i.Size4,
+    paddingBottom: i.Size4,
+    paddingLeft: i.Size5,
+    paddingRight: i.Size5,
+    icon: o.Size9,
+    iconMargin: i.Size1,
+    text: n.Size6,
+    borderRadius: c.Size8
+  }
+};
+var G = /* @__PURE__ */ ((e) => (e[e.Plain = 1] = "Plain", e[e.Gray = 2] = "Gray", e[e.Tinted = 3] = "Tinted", e[e.Outlined = 4] = "Outlined", e[e.Filled = 5] = "Filled", e))(G || {});
+const k = {
+  1: {
+    bgColor: r.Transparent,
+    fontColor: r.Primary5,
+    border: {
+      borderWidth: g.Size0,
+      borderStyle: S.None
+    },
+    shadow: d.Size0,
+    cursor: a.Pointer
+  },
+  2: {
+    bgColor: r.Grey6,
+    fontColor: r.Grey10,
+    border: {
+      borderWidth: g.Size0,
+      borderStyle: S.None
+    },
+    cursor: a.Pointer
+  },
+  3: {
+    bgColor: r.Primary9,
+    fontColor: r.Primary5,
+    border: {
+      borderWidth: g.Size0,
+      borderStyle: S.None
+    },
+    cursor: a.Pointer
+  },
+  4: {
+    bgColor: r.Transparent,
+    fontColor: r.Primary5,
+    border: {
+      borderWidth: g.Size2,
+      borderStyle: S.Solid,
+      borderColor: r.Primary5
+    },
+    cursor: a.Pointer
+  },
+  5: {
+    // bgColor: ColorPalettes.Transparent,
+    border: {
+      borderWidth: g.Size0,
+      borderStyle: S.None
+    },
+    cursor: a.Pointer
+  }
+};
+export {
+  L as B,
+  O as a,
+  h as b,
+  T as c,
+  k as d,
+  p as e,
+  z as f,
+  b as g,
+  m as h,
+  P as i,
+  y as j,
+  G as k,
+  l
+};

package/dist/types-BWsKfOhf.js

@@ -0,0 +1,76 @@
+import { R as r } from "./generics-C-WSPclF.js";
+var i = /* @__PURE__ */ ((d) => (d[d.Primary5 = 1] = "Primary5", d[d.Secondary5 = 2] = "Secondary5", d[d.Grey5 = 3] = "Grey5", d[d.Red5 = 4] = "Red5", d[d.Green5 = 5] = "Green5", d[d.Blue5 = 6] = "Blue5", d[d.Yellow5 = 7] = "Yellow5", d))(i || {}), a = /* @__PURE__ */ ((d) => (d[d.Size1 = 1] = "Size1", d[d.Size2 = 2] = "Size2", d[d.Size3 = 3] = "Size3", d[d.Size4 = 4] = "Size4", d[d.Size5 = 5] = "Size5", d))(a || {});
+const e = {
+  1: 2,
+  2: 2,
+  3: 3,
+  4: 3,
+  5: 4
+}, c = {
+  // the container size, border size, padding size, the checkedcolor sizes
+  1: {
+    checkedColor: { w: 8, h: 8 },
+    checkedBorderRadius: r.Size1,
+    boxBorderRadius: r.Size2,
+    padding: e[
+      1
+      /* Size1 */
+    ],
+    borderWidth: "1px"
+  },
+  2: {
+    checkedColor: { w: 12, h: 12 },
+    checkedBorderRadius: r.Size1,
+    boxBorderRadius: r.Size6,
+    padding: e[
+      2
+      /* Size2 */
+    ],
+    borderWidth: "1px"
+  },
+  3: {
+    checkedColor: { w: 16, h: 16 },
+    checkedBorderRadius: r.Size2,
+    boxBorderRadius: r.Size3,
+    padding: e[
+      3
+      /* Size3 */
+    ],
+    borderWidth: "1px"
+  },
+  4: {
+    checkedColor: { w: 20, h: 20 },
+    checkedBorderRadius: r.Size3,
+    boxBorderRadius: r.Size4,
+    padding: e[
+      4
+      /* Size4 */
+    ],
+    borderWidth: "2px"
+  },
+  5: {
+    checkedColor: { w: 24, h: 24 },
+    checkedBorderRadius: r.Size5,
+    boxBorderRadius: r.Size4,
+    padding: e[
+      5
+      /* Size5 */
+    ],
+    borderWidth: "2px"
+  }
+}, S = {
+  // border color, the checkedcolor
+  1: { borderColor: "#A1662F", checkedColor: "#A1662F" },
+  2: { borderColor: "#30b197", checkedColor: "#30b197" },
+  3: { borderColor: "#adb5bd", checkedColor: "#adb5bd" },
+  4: { borderColor: "#e45b5b", checkedColor: "#e45b5b" },
+  5: { borderColor: "#70cfc6", checkedColor: "#70cfc6" },
+  6: { borderColor: "#2f83c6", checkedColor: "#2f83c6" },
+  7: { borderColor: "#f2c04d", checkedColor: "#f2c04d" }
+};
+export {
+  S as C,
+  c as a,
+  i as b,
+  a as c
+};

package/dist/types-BXyuQRbv.js

@@ -0,0 +1,52 @@
+import { S as i } from "./generics-C-WSPclF.js";
+var r = /* @__PURE__ */ ((m) => (m[m.Small = 1] = "Small", m[m.Medium = 2] = "Medium", m[m.Big = 3] = "Big", m[m.Large = 4] = "Large", m))(r || {});
+const a = {
+  1: {
+    borderRadius: "50%",
+    width: 12,
+    height: 12,
+    margins: {
+      marginTop: i.Size1,
+      marginBottom: i.Size1,
+      marginLeft: i.Size1,
+      marginRight: i.Size1
+    }
+  },
+  2: {
+    borderRadius: "50%",
+    width: 16,
+    height: 16,
+    margins: {
+      marginTop: i.Size1,
+      marginBottom: i.Size1,
+      marginLeft: i.Size1,
+      marginRight: i.Size1
+    }
+  },
+  3: {
+    borderRadius: "50%",
+    width: 24,
+    height: 24,
+    margins: {
+      marginTop: i.Size1,
+      marginBottom: i.Size1,
+      marginLeft: i.Size1,
+      marginRight: i.Size1
+    }
+  },
+  4: {
+    borderRadius: "50%",
+    width: 32,
+    height: 32,
+    margins: {
+      marginTop: i.Size1,
+      marginBottom: i.Size1,
+      marginLeft: i.Size1,
+      marginRight: i.Size1
+    }
+  }
+};
+export {
+  a as T,
+  r as a
+};

package/dist/types-BciByhvn.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./generics-9F1CmKPb.cjs");var S=(t=>(t[t.Default=1]="Default",t[t.Light=2]="Light",t[t.Dark=3]="Dark",t))(S||{});const E={1:"athm-def",2:"athm-light",3:"athm-dark"},a=r.FontSizes.Size2||2;exports.BASE_FONT_SIZE=a;exports.THEME_CLASSES=E;exports.Themes=S;

package/dist/types-BhBb436R.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("./types-B3Ew5Ber.cjs"),o={[i.Portals.GlobalEventNotification]:{id:"#papnot",html:t.jsx("div",{id:"papnot"})},[i.Portals.Modals]:{id:"#pmodmodify",html:t.jsx("div",{id:"pmodmodify"})}};exports.PORTAL=o;