@5ive-souls/controls 0.0.1 → 0.0.3

package/dist/components/ThemePicker/Themes/Forest/Forest.js

@@ -0,0 +1,32 @@
+import { createLightTheme as e, createDarkTheme as t } from "@fluentui/react-components";
+const r = {
+  10: "#010402",
+  20: "#0B1D10",
+  30: "#0A3019",
+  40: "#043E1F",
+  50: "#114B29",
+  60: "#265837",
+  70: "#376546",
+  80: "#487254",
+  90: "#597F64",
+  100: "#6A8C73",
+  110: "#7C9983",
+  120: "#8DA794",
+  130: "#9FB5A4",
+  140: "#B1C3B5",
+  150: "#C3D1C6",
+  160: "#D6DFD8"
+};
+r.primary = "#014421";
+const a = {
+  ...e(r)
+}, o = {
+  ...t(r)
+};
+o.colorBrandForeground1 = r[110];
+o.colorBrandForeground2 = r[120];
+export {
+  r as forest,
+  o as forestDark,
+  a as forestLight
+};

package/dist/components/ThemePicker/Themes/Royal/Royal.js

@@ -0,0 +1,32 @@
+import { createLightTheme as e, createDarkTheme as a } from "@fluentui/react-components";
+const r = {
+  10: "#030205",
+  20: "#1A1421",
+  30: "#2B1F39",
+  40: "#39294D",
+  50: "#483263",
+  60: "#573C79",
+  70: "#674690",
+  80: "#7750A8",
+  90: "#8460B1",
+  100: "#916FB9",
+  110: "#9E7FC1",
+  120: "#AB8FCA",
+  130: "#B89FD2",
+  140: "#C4B0DA",
+  150: "#D1C1E2",
+  160: "#DED1EA"
+};
+r.primary = "#7851A9";
+const o = {
+  ...e(r)
+}, B = {
+  ...a(r)
+};
+o.colorBrandForeground1 = r[110];
+o.colorBrandForeground2 = r[120];
+export {
+  r as royal,
+  B as royalDark,
+  o as royalLight
+};

package/dist/components/ThemePicker/Themes/index.js

@@ -0,0 +1,18 @@
+import { cornflower as t, cornflowerDark as e, cornflowerLight as f } from "./Cornflower/Cornflower.js";
+import { crimson as i, crimsonDark as m, crimsonLight as c } from "./Crimson/Crimson.js";
+import { forest as n, forestDark as s, forestLight as g } from "./Forest/Forest.js";
+import { royal as k, royalDark as p, royalLight as x } from "./Royal/Royal.js";
+export {
+  t as cornflower,
+  e as cornflowerDark,
+  f as cornflowerLight,
+  i as crimson,
+  m as crimsonDark,
+  c as crimsonLight,
+  n as forest,
+  s as forestDark,
+  g as forestLight,
+  k as royal,
+  p as royalDark,
+  x as royalLight
+};

package/dist/components/ThemePicker/index.js

@@ -0,0 +1,20 @@
+import { ThemePicker as e } from "./ThemePicker.js";
+import { cornflower as f, cornflowerDark as m, cornflowerLight as i } from "./Themes/Cornflower/Cornflower.js";
+import { crimson as c, crimsonDark as l, crimsonLight as n } from "./Themes/Crimson/Crimson.js";
+import { forest as h, forestDark as k, forestLight as p } from "./Themes/Forest/Forest.js";
+import { royal as g, royalDark as D, royalLight as L } from "./Themes/Royal/Royal.js";
+export {
+  e as ThemePicker,
+  f as cornflower,
+  m as cornflowerDark,
+  i as cornflowerLight,
+  c as crimson,
+  l as crimsonDark,
+  n as crimsonLight,
+  h as forest,
+  k as forestDark,
+  p as forestLight,
+  g as royal,
+  D as royalDark,
+  L as royalLight
+};

package/dist/components/Wizard/Wizard.js

@@ -0,0 +1,99 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { makeStyles as A, tokens as h, BreadcrumbItem as E, BreadcrumbButton as R, mergeClasses as V, Breadcrumb as _, Divider as p, Carousel as j, CarouselViewport as D, CarouselSlider as W, CarouselCard as G, Button as u, BreadcrumbDivider as L } from "@fluentui/react-components";
+import C from "react";
+import { ClassNames as q } from "../ClassNames.js";
+import { FlexBox as f } from "../FlexBox/FlexBox.js";
+import { FlexBoxItem as m } from "../FlexBox/FlexBoxItem/FlexBoxItem.js";
+import "../FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { S as H, C as J, a as K, b as M } from "../../Section-Bw_kuHpK.js";
+const O = A({
+  root: {
+    height: "100%",
+    width: "100%",
+    boxSizing: "border-box"
+  },
+  currentBreadCrumb: {
+    color: h.colorBrandForeground1
+  }
+}), te = (x) => {
+  const { children: g, onNavigatePanel: o, onSubmit: v, readonly: B, className: S, ref: k, asForm: N, strings: t, id: y } = x, s = O(), c = C.Children.toArray(g), [i, l] = C.useState(0), I = (r) => {
+    o && !o(i, r) || l(r);
+  }, a = [];
+  c.forEach((r, n) => {
+    const z = r.props;
+    n > 0 && a.push(/* @__PURE__ */ e(L, {}, "Breadcrumb-divider-" + n)), a.push(/* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+      R,
+      {
+        type: "button",
+        onClick: () => {
+          I(n);
+        },
+        current: i === n,
+        className: i === n ? s.currentBreadCrumb : "",
+        children: z.title
+      }
+    ) }, "Breadcrumb-" + n));
+  });
+  const P = i === 0, F = () => {
+    const r = i - 1;
+    o && !o(i, r) || l(r);
+  }, b = i === c.length - 1, w = () => {
+    const r = i + 1;
+    o && !o(i, r) || l(r);
+  };
+  return /* @__PURE__ */ e("div", { id: y, className: V(q.Wizard, s.root, S), ref: k, children: /* @__PURE__ */ e(H, { className: s.root, children: /* @__PURE__ */ d(f, { fill: !0, children: [
+    c.length > 1 && /* @__PURE__ */ d(m, { children: [
+      /* @__PURE__ */ e(_, { size: "large", children: a }),
+      /* @__PURE__ */ e(p, {})
+    ] }),
+    /* @__PURE__ */ e(m, { grow: 1, children: /* @__PURE__ */ e(
+      j,
+      {
+        motion: "slide",
+        activeIndex: i,
+        whitespace: !0,
+        align: "center",
+        onActiveIndexChange: (r, n) => l(n.index),
+        children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(W, { children: c.map((r, n) => /* @__PURE__ */ e(G, { children: r }, n)) }) })
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ d(f, { horizontal: !0, childrenGap: h.spacingVerticalS, itemProps: { padding: h.spacingVerticalS }, children: [
+      /* @__PURE__ */ e(p, {}),
+      c.length > 1 && /* @__PURE__ */ e(
+        u,
+        {
+          "aria-label": t ? t.previous : "Previous",
+          icon: /* @__PURE__ */ e(J, {}),
+          onClick: F,
+          disabled: P,
+          children: t ? t.previous : "Previous"
+        }
+      ),
+      !b && /* @__PURE__ */ e(
+        u,
+        {
+          "aria-label": t ? t.next : "Next",
+          icon: /* @__PURE__ */ e(K, {}),
+          iconPosition: "after",
+          onClick: w,
+          children: t ? t.next : "Next"
+        }
+      ),
+      b && /* @__PURE__ */ e(
+        u,
+        {
+          "aria-label": t ? t.submit : "Submit",
+          type: N ? "submit" : "button",
+          disabled: B,
+          icon: /* @__PURE__ */ e(M, {}),
+          iconPosition: "after",
+          onClick: v,
+          children: t ? t.submit : "Submit"
+        }
+      )
+    ] }) })
+  ] }) }) });
+};
+export {
+  te as Wizard
+};

package/dist/components/Wizard/WizardPanel/WizardPanel.js

@@ -0,0 +1,14 @@
+import { jsx as l } from "react/jsx-runtime";
+import { makeStyles as o, tokens as s, mergeClasses as m } from "@fluentui/react-components";
+import { ClassNames as c } from "../../ClassNames.js";
+const d = o({
+  wizardPanel: {
+    padding: s.spacingVerticalS + " " + s.spacingHorizontalS
+  }
+}), g = (a) => {
+  const { children: e, className: r, ref: i, id: n } = a, t = d();
+  return /* @__PURE__ */ l("div", { id: n, className: m(c.WizardPanel, t.wizardPanel, r), ref: i, children: e });
+};
+export {
+  g as WizardPanel
+};

package/dist/components/Wizard/WizardPanel/index.js

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

package/dist/components/Wizard/index.js

@@ -0,0 +1,6 @@
+import { Wizard as a } from "./Wizard.js";
+import { WizardPanel as d } from "./WizardPanel/WizardPanel.js";
+export {
+  a as Wizard,
+  d as WizardPanel
+};

package/dist/components/index.js

@@ -0,0 +1,61 @@
+import { DynamicForm as t } from "./DynamicForm/DynamicForm.js";
+import { DynamicFormBuilder as m } from "./DynamicForm/Builder/DynamicFormBuilder.js";
+import { FieldBuilder as x } from "./DynamicForm/Builder/Field/FieldBuilder.js";
+import { SectionBuilder as l } from "./DynamicForm/Builder/Section/SectionBuilder.js";
+import { Device as c } from "./FiveSoulsProvider/FiveSouls.Types.js";
+import { FiveSoulsProvider as s } from "./FiveSoulsProvider/FiveSoulsProvider.js";
+import { deviceContext as D } from "./FiveSoulsProvider/deviceContext.js";
+import { useDevice as F } from "./FiveSoulsProvider/useDevice.js";
+import { FlexBox as B } from "./FlexBox/FlexBox.js";
+import { FlexBoxItem as v } from "./FlexBox/FlexBoxItem/FlexBoxItem.js";
+import { FlexBoxItemResizer as L } from "./FlexBox/FlexBoxItemResizer/FlexBoxItemResizer.js";
+import { ColumnDefinition as w, Grid as z, RowDefinition as C } from "./Grid/Grid.js";
+import { GridCell as S } from "./Grid/GridCell/GridCell.js";
+import { ResizableGridCell as P } from "./Grid/ResizableGridCell/ResizableGridCell.js";
+import "./Grid/GridContext.js";
+import { RichText as T } from "./RichText/RichText.js";
+import { S as b } from "../Section-Bw_kuHpK.js";
+import { ThemePicker as j } from "./ThemePicker/ThemePicker.js";
+import { cornflower as A, cornflowerDark as E, cornflowerLight as H } from "./ThemePicker/Themes/Cornflower/Cornflower.js";
+import { crimson as M, crimsonDark as N, crimsonLight as O } from "./ThemePicker/Themes/Crimson/Crimson.js";
+import { forest as U, forestDark as V, forestLight as X } from "./ThemePicker/Themes/Forest/Forest.js";
+import { royal as Z, royalDark as _, royalLight as $ } from "./ThemePicker/Themes/Royal/Royal.js";
+import { Wizard as or } from "./Wizard/Wizard.js";
+import { WizardPanel as tr } from "./Wizard/WizardPanel/WizardPanel.js";
+import { JumpList as mr } from "./JumpList/JumpList.js";
+export {
+  w as ColumnDefinition,
+  c as Device,
+  t as DynamicForm,
+  m as DynamicFormBuilder,
+  x as FieldBuilder,
+  s as FiveSoulsProvider,
+  B as FlexBox,
+  v as FlexBoxItem,
+  L as FlexBoxItemResizer,
+  z as Grid,
+  S as GridCell,
+  mr as JumpList,
+  P as ResizableGridCell,
+  T as RichText,
+  C as RowDefinition,
+  b as Section,
+  l as SectionBuilder,
+  j as ThemePicker,
+  or as Wizard,
+  tr as WizardPanel,
+  A as cornflower,
+  E as cornflowerDark,
+  H as cornflowerLight,
+  M as crimson,
+  N as crimsonDark,
+  O as crimsonLight,
+  D as deviceContext,
+  U as forest,
+  V as forestDark,
+  X as forestLight,
+  Z as royal,
+  _ as royalDark,
+  $ as royalLight,
+  F as useDevice
+};