@5ive-souls/controls 0.0.3 → 0.0.5

package/dist/Utilities-C0PUcYTL.js

@@ -0,0 +1,157 @@
+import { jsx as d, jsxs as B, Fragment as S } from "react/jsx-runtime";
+import { makeStyles as z, tokens as l, Text as C, Badge as w, mergeClasses as c } from "@fluentui/react-components";
+import b from "react";
+import { FlexBox as k } from "./components/FlexBox/FlexBox.js";
+import { FlexBoxItem as v } from "./components/FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "./components/FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { eventCalenderContext as F } from "./components/EventCalender/Context/EventCalenderContext.js";
+import { EventList as I } from "./components/EventCalender/EventList.js";
+const D = (m) => {
+  const e = b.useContext(F), { calenderProps: { size: a } } = e, { index: t } = m, n = g.buildDays(t), r = a == "fill" ? 1 : 0;
+  return /* @__PURE__ */ d(k, { itemProps: { grow: r }, horizontal: !0, childrenGap: 1, children: n });
+}, P = z({
+  root: {
+    backgroundColor: l.colorNeutralBackground1,
+    borderRadius: l.borderRadiusSmall,
+    boxSizing: "border-box",
+    padding: l.spacingHorizontalXXS,
+    transitionDuration: l.durationFast,
+    transitionTimingFunction: "ease",
+    transitionProperty: "background-color",
+    textAlign: "center",
+    alignContent: "center"
+  },
+  small: {
+    width: "35px",
+    height: "35px"
+  },
+  medium: {
+    width: "60px",
+    height: "60px"
+  },
+  fill: {
+    width: "100%"
+  },
+  default: {
+    ":hover": {
+      backgroundColor: l.colorNeutralBackground1Hover
+    }
+  },
+  brand: {
+    ":hover": {
+      backgroundColor: l.colorBrandBackground2Hover
+    }
+  },
+  disabledDefault: {
+    color: l.colorNeutralForegroundDisabled
+  },
+  disabledBrand: {
+    color: l.colorNeutralForegroundDisabled
+  },
+  selected: {
+    backgroundColor: l.colorNeutralBackground1Selected
+  },
+  selectedBrand: {
+    backgroundColor: l.colorBrandBackgroundSelected,
+    color: l.colorNeutralForegroundOnBrand
+  }
+}), W = (m) => {
+  var f;
+  const e = b.useContext(F), { parentIndex: a, index: t } = m, n = P(), r = a + "-" + t, s = e.getDateFromIndex(r), i = s.getMonth() == e.month, p = e.calenderProps.size == "fill" ? 1 : 0, N = b.useCallback(() => {
+    i && e.setSelectedIndex(r);
+  }, []);
+  let h = "";
+  e.selectedIndex == r && (h = e.calenderProps.appearance === "brand" ? n.selectedBrand : n.selected), h = g.getClassNamesWithDisabled(n, e.calenderProps, !i, h);
+  let u = /* @__PURE__ */ d(S, {});
+  if (e.calenderProps.size == "fill")
+    u = /* @__PURE__ */ B(k, { fill: !0, children: [
+      u,
+      /* @__PURE__ */ d(C, { children: s.getDate() }),
+      /* @__PURE__ */ d(I, { date: s })
+    ] });
+  else {
+    const x = [];
+    (f = e.calenderProps.events) == null || f.forEach((y) => {
+      y.date.toDateString() == s.toDateString() && x.push(y);
+    }), x.length == 0 ? u = /* @__PURE__ */ d(C, { children: s.getDate() }) : u = /* @__PURE__ */ d(w, { children: s.getDate() });
+  }
+  return /* @__PURE__ */ d(v, { grow: p, className: c(n.root, h), onClick: N, children: i && u });
+}, A = {
+  0: "January",
+  1: "February",
+  2: "March",
+  3: "April",
+  4: "May",
+  5: "June",
+  6: "July",
+  7: "August",
+  8: "September",
+  9: "October",
+  10: "November",
+  11: "December"
+}, M = {
+  0: "Sunday",
+  1: "Monday",
+  2: "Tuesday",
+  3: "Wednesday",
+  4: "Thursday",
+  5: "Friday",
+  6: "Saturday"
+}, o = class o {
+};
+o.getClassNames = (e, a, t) => {
+  const n = o.getAppearanceClass(e, a), r = o.getSizeClass(e, a);
+  return c(t, n, r);
+}, o.getClassNamesWithDisabled = (e, a, t, n) => {
+  const r = o.getAppearanceWithDisabledClass(e, a, t), s = o.getSizeClass(e, a);
+  return c(n, r, s);
+}, o.getAppearanceClass = (e, a, t) => {
+  const { appearance: n } = a;
+  return c(t, e[n || "default"]);
+}, o.getAppearanceWithDisabledClass = (e, a, t, n) => {
+  const { appearance: r } = a;
+  let s = "";
+  return t ? s = "disabled" + (r === "brand" ? "Brand" : "Default") : s = r === "brand" ? "brand" : "default", c(n, e[s]);
+}, o.getSizeClass = (e, a, t) => {
+  const { size: n } = a;
+  let r = c(e[n || "fill"]);
+  return t && (r = c(r, t)), r;
+}, o.buildWeeks = (e) => {
+  const a = [];
+  let t = 7 - e.monthFirstDay;
+  for (a.push(/* @__PURE__ */ d(D, { index: 0 }, "week-0")); t < e.monthNumDays; )
+    a.push(/* @__PURE__ */ d(D, { index: a.length }, "week-" + a.length)), t = t + 7;
+  return a;
+}, o.buildDays = (e) => {
+  const a = [];
+  for (let t = 0; t < 7; t++)
+    a.push(
+      /* @__PURE__ */ d(
+        W,
+        {
+          parentIndex: e,
+          index: t
+        },
+        e + "-" + t
+      )
+    );
+  return a;
+}, o.getMonthName = (e, a) => {
+  let t = A[e];
+  return a && a[t] && (t = a[t]), t;
+}, o.getDayName = (e, a) => {
+  const { calenderProps: { strings: t, size: n } } = a;
+  let r = M[e];
+  return t && t[r] && (r = t[r]), n == "medium" || n == "small" ? r.substring(0, 3) : r;
+}, o.getDateFromIndex = (e, a) => {
+  const { year: t, month: n, monthFirstDay: r } = a, s = e.split("-"), i = Number(s[0]), p = Number(s[1]);
+  return new Date(t, n, i * 7 + p - r + 1);
+};
+let g = o;
+export {
+  W as D,
+  g as U,
+  D as W,
+  M as d,
+  A as m
+};

package/dist/chunk-3-CMb_cR4A.js

@@ -0,0 +1,11 @@
+import { c as l } from "./createFluentIcon-CwLxkjIW.js";
+const e = /* @__PURE__ */ l("Checkmark32Filled", "32", ["M29.9 5.14c.48.5.46 1.3-.04 1.77l-19 18a1.25 1.25 0 0 1-1.77-.06L2.34 17.6a1.25 1.25 0 0 1 1.82-1.7l5.9 6.33L28.14 5.09c.5-.47 1.3-.45 1.77.05Z"]), o = /* @__PURE__ */ l("ChevronDoubleDown20Regular", "20", ["M15.85 8.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 9.35a.5.5 0 1 1 .7-.7L10 13.8l5.15-5.16c.2-.2.5-.2.7 0Zm0-4c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 5.35a.5.5 0 1 1 .7-.7L10 9.8l5.15-5.16c.2-.2.5-.2.7 0Z"]), n = /* @__PURE__ */ l("ChevronDoubleUp20Regular", "20", ["M4.15 9.65a.5.5 0 0 0 .7.7L10 5.2l5.15 5.16a.5.5 0 1 0 .7-.7L10.4 4.16a.55.55 0 0 0-.78 0L4.15 9.65Zm0 5a.5.5 0 0 0 .7.7L10 10.2l5.15 5.16a.5.5 0 1 0 .7-.7L10.4 9.16a.55.55 0 0 0-.78 0l-5.46 5.49Z"]), c = /* @__PURE__ */ l("ChevronDown16Filled", "16", ["M3.2 5.74a.75.75 0 0 1 1.06-.04L8 9.23l3.74-3.53a.75.75 0 1 1 1.02 1.1l-4.25 4a.75.75 0 0 1-1.02 0l-4.25-4a.75.75 0 0 1-.04-1.06Z"]), r = /* @__PURE__ */ l("ChevronLeft32Filled", "32", ["M20.88 5.37c.5.48.5 1.28 0 1.76L12.02 16l8.86 8.87a1.25 1.25 0 0 1-1.76 1.76l-9.75-9.75a1.25 1.25 0 0 1 0-1.76l9.75-9.75a1.25 1.25 0 0 1 1.76 0Z"]), L = /* @__PURE__ */ l("ChevronRight32Filled", "32", ["M11.12 26.63a1.25 1.25 0 0 1 0-1.76L19.98 16l-8.86-8.87a1.25 1.25 0 0 1 1.76-1.76l9.75 9.75c.5.48.5 1.28 0 1.76l-9.75 9.75c-.48.5-1.28.5-1.76 0Z"]), h = /* @__PURE__ */ l("ChevronUp16Filled", "16", ["M3.2 10.26c.28.3.76.32 1.06.04L8 6.77l3.74 3.53a.75.75 0 1 0 1.02-1.1l-4.25-4a.75.75 0 0 0-1.02 0l-4.25 4a.75.75 0 0 0-.04 1.06Z"]);
+export {
+  r as C,
+  L as a,
+  e as b,
+  c,
+  h as d,
+  n as e,
+  o as f
+};

package/dist/components/ClassNames.js

@@ -1,6 +1,6 @@
 const t = class t {
 };
-t.FlexBox = "5s-flex-box", t.FlexBoxItem = "5s-flex-box-item", t.FlexBoxItemResizer = "5s-flex-box-item-resizer", t.Section = "5s-section", t.SectionHeader = "5s-section-header", t.SectionContent = "5s-section-content", t.Wizard = "5s-wizard", t.WizardPanel = "5s-wizard-panel", t.DynamicForm = "5s-dynamic-form", t.FormField = "5s-form-field", t.FormFieldGroup = "5s-form-field-group", t.ThemePicker = "5s-theme-picker", t.RichText = "5s-rich-text", t.Grid = "_5s-grid", t.GridCell = "5s-grid-cell", t.GridCellResizer = "5s-grid-cell-resizer", t.JumpList = "5s-jl", t.JumpListMenu = "5s-jlm", t.JumpListHeader = "5s-jlh", t.JumpListItem = "5s-jli";
+t.FlexBox = "5s-flex-box", t.FlexBoxItem = "5s-flex-box-item", t.FlexBoxItemResizer = "5s-flex-box-item-resizer", t.Section = "5s-section", t.SectionHeader = "5s-section-header", t.SectionContent = "5s-section-content", t.Wizard = "5s-wizard", t.WizardPanel = "5s-wizard-panel", t.DynamicForm = "5s-dynamic-form", t.FormField = "5s-form-field", t.FormFieldGroup = "5s-form-field-group", t.ThemePicker = "5s-theme-picker", t.RichText = "5s-rich-text", t.Grid = "_5s-grid", t.GridCell = "5s-grid-cell", t.GridCellResizer = "5s-grid-cell-resizer", t.JumpList = "5s-jl", t.JumpListMenu = "5s-jlm", t.JumpListHeader = "5s-jlh", t.JumpListItem = "5s-jli", t.EventCalender = "5s-ec";
 let i = t;
 export {
   i as ClassNames

package/dist/components/EventCalender/Context/EventCalenderContext.js

@@ -0,0 +1,5 @@
+import e from "react";
+const n = e.createContext(null);
+export {
+  n as eventCalenderContext
+};

package/dist/components/EventCalender/Context/EventCalenderProvider.js

@@ -0,0 +1,34 @@
+import { jsx as b } from "react/jsx-runtime";
+import e from "react";
+import { eventCalenderContext as F } from "./EventCalenderContext.js";
+const N = (l) => {
+  const { children: h, calenderProps: S } = l, { startingDate: g } = S, [a, u] = e.useState(), [o, m] = e.useState(), [p, D] = e.useState(), [r, i] = e.useState(), [v, x] = e.useState(), [y, f] = e.useState(), c = e.useCallback((n) => {
+    const t = n.getMonth(), s = n.getFullYear();
+    u(t), i(s), m(new Date(s, t, 1).getDay()), D(new Date(s, t + 1, 0).getDate()), x(void 0);
+  }, [u, m, D, i]);
+  e.useEffect(() => {
+    c(new Date(g ?? Date.now()));
+  }, [c]);
+  const d = e.useCallback((n) => {
+    const t = n.split("-"), s = Number(t[0]), I = Number(t[1]);
+    return new Date(r, a, s * 7 + I - o + 1);
+  }, [a, o, r]), w = e.useCallback((n) => {
+    const t = d(n);
+    x(n), f(t);
+  }, [d]), C = {
+    month: a,
+    monthFirstDay: o,
+    monthNumDays: p,
+    year: r,
+    setDate: c,
+    calenderProps: l.calenderProps,
+    selectedIndex: v,
+    setSelectedIndex: w,
+    selectedDate: y,
+    getDateFromIndex: d
+  };
+  return /* @__PURE__ */ b(F.Provider, { value: C, children: h });
+};
+export {
+  N as EventCalenderProvider
+};

package/dist/components/EventCalender/Context/index.js

@@ -0,0 +1,6 @@
+import { eventCalenderContext as o } from "./EventCalenderContext.js";
+import { EventCalenderProvider as n } from "./EventCalenderProvider.js";
+export {
+  n as EventCalenderProvider,
+  o as eventCalenderContext
+};

package/dist/components/EventCalender/Day.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "@fluentui/react-components";
+import "react";
+import "../FlexBox/FlexBox.js";
+import "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import "./Context/EventCalenderContext.js";
+import "./EventList.js";
+import { D as s } from "../../Utilities-C0PUcYTL.js";
+export {
+  s as Day
+};

package/dist/components/EventCalender/EventCalender.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import "./Context/EventCalenderContext.js";
+import { EventCalenderProvider as o } from "./Context/EventCalenderProvider.js";
+import { Month as t } from "./Month.js";
+const d = (e) => /* @__PURE__ */ r(o, { calenderProps: e, children: /* @__PURE__ */ r(t, {}) });
+export {
+  d as EventCalender
+};

package/dist/components/EventCalender/EventList.js

@@ -0,0 +1,12 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+import { eventCalenderContext as c } from "./Context/EventCalenderContext.js";
+const m = (r) => {
+  const n = i.useContext(c), { calenderProps: { events: t } } = n, { date: s } = r, o = [];
+  return t == null || t.forEach((e) => {
+    e.date.toDateString() == s.toDateString() && o.push(e);
+  }), /* @__PURE__ */ a("div", { children: o.length });
+};
+export {
+  m as EventList
+};

package/dist/components/EventCalender/Month.js

@@ -0,0 +1,48 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { makeStyles as d, tokens as o, mergeClasses as m } from "@fluentui/react-components";
+import c from "react";
+import { ClassNames as p } from "../ClassNames.js";
+import { FlexBox as f } from "../FlexBox/FlexBox.js";
+import "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { Section as u } from "../Section/Section.js";
+import { eventCalenderContext as g } from "./Context/EventCalenderContext.js";
+import { MonthPicker as h } from "./MonthPicker.js";
+import { U as s } from "../../Utilities-C0PUcYTL.js";
+import { WeekdayLabels as b } from "./WeekdayLabel.js";
+const C = d({
+  root: {
+    backgroundColor: o.colorNeutralBackground1,
+    borderRadius: o.borderRadiusSmall,
+    boxSizing: "border-box",
+    padding: o.spacingHorizontalXXS
+  },
+  fill: {
+    height: "100%",
+    width: "100%"
+  },
+  medium: {
+    height: "fit-content",
+    width: "fit-content"
+  },
+  small: {
+    height: "fit-content",
+    width: "fit-content"
+  },
+  default: {
+    backgroundColor: o.colorNeutralForeground1
+  },
+  brand: {
+    backgroundColor: o.colorBrandBackground
+  }
+}), M = () => {
+  const e = c.useContext(g), { calenderProps: n } = e, t = C(), a = s.buildWeeks(e), i = s.getClassNames(t, n);
+  return /* @__PURE__ */ r(u, { className: m(p.EventCalender, t.root, i), appearance: "borderless", children: /* @__PURE__ */ l(f, { fill: !0, childrenGap: 1, children: [
+    /* @__PURE__ */ r(h, {}),
+    /* @__PURE__ */ r(b, {}),
+    a
+  ] }) });
+};
+export {
+  M as Month
+};

package/dist/components/EventCalender/MonthPicker.js

@@ -0,0 +1,65 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { makeStyles as b, tokens as h, Text as p, Popover as f, PopoverTrigger as w, Button as a, PopoverSurface as v, Divider as N } from "@fluentui/react-components";
+import k from "react";
+import { FlexBox as l } from "../FlexBox/FlexBox.js";
+import { FlexBoxItem as d } from "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { eventCalenderContext as z } from "./Context/EventCalenderContext.js";
+import { U as u, m as C } from "../../Utilities-C0PUcYTL.js";
+import { c as x, d as D } from "../../chunk-3-CMb_cR4A.js";
+const B = b({
+  root: {
+    backgroundColor: h.colorNeutralBackground1,
+    paddingLeft: h.spacingHorizontalS
+  },
+  month: {
+    maxHeight: "40px",
+    minHeight: "40px",
+    height: "40px",
+    maxWidth: "40px",
+    minWidth: "40px",
+    width: "40px"
+  },
+  popoverFlexBox: {
+    maxWidth: "160px"
+  }
+}), W = () => {
+  const r = k.useContext(z), { calenderProps: { size: g }, year: t, month: o } = r, { strings: m } = r.calenderProps, s = B(), n = {
+    weight: "regular",
+    size: 300
+  };
+  return g == "fill" && (n.weight = "bold", n.size = 600), /* @__PURE__ */ i(l, { horizontal: !0, alignItems: "center", className: s.root, children: [
+    /* @__PURE__ */ e(d, { grow: 1, children: /* @__PURE__ */ e(p, { ...n, children: u.getMonthName(o, m) }) }),
+    /* @__PURE__ */ e(p, { ...n, children: t }),
+    /* @__PURE__ */ i(f, { inline: !0, positioning: "below-end", withArrow: !0, size: "small", children: [
+      /* @__PURE__ */ e(w, { disableButtonEnhancement: !0, children: /* @__PURE__ */ e(a, { icon: /* @__PURE__ */ e(x, {}), appearance: "subtle" }) }),
+      /* @__PURE__ */ e(v, { tabIndex: -1, children: /* @__PURE__ */ i(l, { className: s.popoverFlexBox, children: [
+        /* @__PURE__ */ i(l, { horizontal: !0, children: [
+          /* @__PURE__ */ e(d, { grow: 1, children: /* @__PURE__ */ e(p, { children: t }) }),
+          /* @__PURE__ */ e(a, { icon: /* @__PURE__ */ e(D, {}), appearance: "subtle", onClick: () => {
+            r.setDate(new Date(t + 1, o, 1));
+          } }),
+          /* @__PURE__ */ e(a, { icon: /* @__PURE__ */ e(x, {}), appearance: "subtle", onClick: () => {
+            r.setDate(new Date(t - 1, o, 1));
+          } })
+        ] }),
+        /* @__PURE__ */ e(N, {}),
+        /* @__PURE__ */ e(l, { horizontal: !0, wrap: !0, children: Object.keys(C).map((c) => /* @__PURE__ */ e(
+          a,
+          {
+            appearance: Number(c) == o ? "primary" : "subtle",
+            className: s.month,
+            size: "small",
+            onClick: () => {
+              r.setDate(new Date(t, Number(c), 1));
+            },
+            children: u.getMonthName(Number(c), m).substring(0, 3)
+          }
+        )) })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  W as MonthPicker
+};

package/dist/components/EventCalender/Utilities.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "@fluentui/react-components";
+import { U as a, d as r, m as i } from "../../Utilities-C0PUcYTL.js";
+export {
+  a as Utils,
+  r as days,
+  i as months
+};

package/dist/components/EventCalender/Week.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../FlexBox/FlexBox.js";
+import "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import "./Context/EventCalenderContext.js";
+import { W as a } from "../../Utilities-C0PUcYTL.js";
+export {
+  a as Week
+};

package/dist/components/EventCalender/WeekdayLabel.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import { makeStyles as i, tokens as o, Text as m } from "@fluentui/react-components";
+import n from "react";
+import { FlexBox as d } from "../FlexBox/FlexBox.js";
+import { FlexBoxItem as c } from "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { eventCalenderContext as p } from "./Context/EventCalenderContext.js";
+import { U as a, d as x } from "../../Utilities-C0PUcYTL.js";
+const u = i({
+  small: {
+    width: "35px"
+  },
+  medium: {
+    width: "60px"
+  },
+  fill: {
+    flexGrow: 1,
+    flexBasis: "0px"
+  },
+  label: {
+    backgroundColor: o.colorNeutralBackground1,
+    borderRadius: o.borderRadiusSmall,
+    boxSizing: "border-box",
+    padding: o.spacingHorizontalXXS
+  }
+}), y = () => {
+  const r = n.useContext(p), t = u(), l = a.getSizeClass(t, r.calenderProps, t.label);
+  return /* @__PURE__ */ e(d, { horizontal: !0, childrenGap: 1, children: Object.keys(x).map((s) => /* @__PURE__ */ e(c, { className: l, children: /* @__PURE__ */ e(m, { children: a.getDayName(s, r) }) }, s)) });
+};
+export {
+  y as WeekdayLabels
+};

package/dist/components/EventCalender/YearPicker.js

@@ -0,0 +1,21 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import t from "react";
+import { FlexBox as l } from "../FlexBox/FlexBox.js";
+import "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { eventCalenderContext as p } from "./Context/EventCalenderContext.js";
+import { Button as n, Text as c } from "@fluentui/react-components";
+import { d as m, c as s } from "../../chunk-3-CMb_cR4A.js";
+const v = () => {
+  const e = t.useContext(p), r = t.useCallback((a) => {
+    e.setDate(new Date(a, e.month, 1));
+  }, [e]);
+  return /* @__PURE__ */ i(l, { horizontal: !0, children: [
+    /* @__PURE__ */ o(n, { appearance: "subtle", icon: /* @__PURE__ */ o(m, {}), onClick: () => r(e.year + 1) }),
+    /* @__PURE__ */ o(c, { weight: "bold", size: 300, children: e.year }),
+    /* @__PURE__ */ o(n, { appearance: "subtle", icon: /* @__PURE__ */ o(s, {}), onClick: () => r(e.year - 1) })
+  ] });
+};
+export {
+  v as YearPicker
+};

package/dist/components/EventCalender/index.js

@@ -0,0 +1,4 @@
+import { EventCalender as n } from "./EventCalender.js";
+export {
+  n as EventCalender
+};

package/dist/components/FlexBox/FlexBoxItem/FlexBoxItem.js

@@ -1,4 +1,4 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { makeStyles as i, mergeClasses as x } from "@fluentui/react-components";
 import { ClassNames as c } from "../../ClassNames.js";
 import { FlexBoxUtils as a } from "../FlexBoxUtils.js";
@@ -7,8 +7,8 @@ const n = i({
     boxSizing: "border-box"
   }
 }), b = (e) => {
-  const { className: o, ref: s, id: t } = e, l = n(), r = a.buildFlexBoxItemStyles(e);
-  return /* @__PURE__ */ m("div", { id: t, className: x(c.FlexBoxItem, l.root, o), style: r, ref: s, children: e.children });
+  const { className: o, ref: s, id: t } = e, l = n(), m = a.buildFlexBoxItemStyles(e);
+  return /* @__PURE__ */ r("div", { id: t, className: x(c.FlexBoxItem, l.root, o), ...e, ref: s, style: m, children: e.children });
 };
 export {
   b as FlexBoxItem

package/dist/components/JumpList/JumpList.js

@@ -8,7 +8,7 @@ import { Grid as Y, ColumnDefinition as K } from "../Grid/Grid.js";
 import "../Grid/GridCell/GridCell.js";
 import "../Grid/ResizableGridCell/ResizableGridCell.js";
 import "../Grid/GridContext.js";
-import { S as z } from "../../Section-Bw_kuHpK.js";
+import { Section as z } from "../Section/Section.js";
 import { ClassNames as m } from "../ClassNames.js";
 import { c as G } from "../../createFluentIcon-CwLxkjIW.js";
 const Q = /* @__PURE__ */ G("AppsListRegular", "1em", ["M2 3.5C2 2.67 2.67 2 3.5 2h1C5.33 2 6 2.67 6 3.5v1C6 5.33 5.33 6 4.5 6h-1A1.5 1.5 0 0 1 2 4.5v-1ZM3.5 3a.5.5 0 0 0-.5.5v1c0 .28.22.5.5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM2 9.5C2 8.67 2.67 8 3.5 8h1C5.33 8 6 8.67 6 9.5v1c0 .83-.67 1.5-1.5 1.5h-1A1.5 1.5 0 0 1 2 10.5v-1ZM3.5 9a.5.5 0 0 0-.5.5v1c0 .28.22.5.5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM2 15.5c0-.83.67-1.5 1.5-1.5h1c.83 0 1.5.67 1.5 1.5v1c0 .83-.67 1.5-1.5 1.5h-1A1.5 1.5 0 0 1 2 16.5v-1Zm1.5-.5a.5.5 0 0 0-.5.5v1c0 .28.22.5.5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM8 4.5c0-.28.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm0 6c0-.28.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm0 6c0-.28.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z"]), U = /* @__PURE__ */ G("FilterRegular", "1em", ["M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"]), a = 36, ee = V({