@plumile/ui 0.1.145 → 0.1.146

package/lib/esm/admin/organisms/admin_sidebar/adminSidebar.css.js

@@ -4,8 +4,6 @@
 /* empty css                                        */
 /* empty css                                            */
 /* empty css                                  */
-/* empty css                                          */
-/* empty css                                         */
 /* empty css                            */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/admin/organisms/admin_sidebar/adminSidebar.css.ts

package/lib/esm/admin/theme/adminSurface.css.js

@@ -6,6 +6,8 @@
 /* empty css                               */
 /* empty css                            */
 /* empty css                            */
+/* empty css                                       */
+/* empty css                                      */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/admin/theme/adminSurface.css.ts
 var t = e({

package/lib/esm/atomic/molecules/form_grid/FormGrid.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                        */
+//#region src/atomic/molecules/form_grid/FormGrid.css.ts
+var e = "var(--_1nx8f960)", t = "_1nx8f962 _1nx8f961 txvbqbfq0 txvbqbhdy txvbqb19uf";
+//#endregion
+export { t as grid, e as minColumnWidthVar };
+
+//# sourceMappingURL=FormGrid.css.js.map

package/lib/esm/atomic/molecules/form_grid/FormGrid.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGrid.css.js","names":[],"sources":["../../../../../src/atomic/molecules/form_grid/FormGrid.css.ts"],"sourcesContent":["import { createVar, style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const minColumnWidthVar = createVar();\n\nexport const grid = style([\n  sprinkles({\n    display: 'grid',\n    gap: 3,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: `repeat(auto-fit, minmax(${minColumnWidthVar}, 1fr))`,\n  },\n]);\n"],"mappings":""}

package/lib/esm/atomic/molecules/form_grid/FormGrid.js

@@ -0,0 +1,16 @@
+import { cx as e } from "../../../theme/tools.js";
+import { grid as t, minColumnWidthVar as n } from "./FormGrid.css.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/atomic/molecules/form_grid/FormGrid.tsx
+var i = ({ children: i, className: a, minColumnWidth: o = "220px" }) => {
+	let s = { [n]: o };
+	return /* @__PURE__ */ r("div", {
+		className: e(t, a),
+		style: s,
+		children: i
+	});
+};
+//#endregion
+export { i as FormGrid, i as default };
+
+//# sourceMappingURL=FormGrid.js.map

package/lib/esm/atomic/molecules/form_grid/FormGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGrid.js","names":[],"sources":["../../../../../src/atomic/molecules/form_grid/FormGrid.tsx"],"sourcesContent":["import { type CSSProperties, type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './FormGrid.css.js';\n\nexport type FormGridProps = {\n  children: ReactNode;\n  minColumnWidth?: string;\n  className?: string;\n};\n\nexport const FormGrid = ({\n  children,\n  className,\n  minColumnWidth = '220px',\n}: FormGridProps): JSX.Element => {\n  const style = {\n    [styles.minColumnWidthVar]: minColumnWidth,\n  } as CSSProperties;\n\n  return (\n    <div className={cx(styles.grid, className)} style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default FormGrid;\n"],"mappings":";;;;AAYA,IAAa,KAAY,EACvB,aACA,cACA,oBAAiB,cACe;CAChC,IAAM,IAAQ,GACX,IAA2B,EAC9B;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAa,CAAS;EAAU;EAChD;CACE,CAAA;AAET"}

package/lib/esm/atomic/molecules/markdown/components/MarkdownEmphasis.css.js

@@ -1,4 +1,5 @@
 /* empty css                                         */
+/* empty css                             */
 /* empty css                                */
 //#region src/atomic/molecules/markdown/components/MarkdownEmphasis.css.ts
 var e = "_1pjwgns1 _1pjwgns0 txvbqb1o";

package/lib/esm/atomic/molecules/markdown/components/MarkdownLink.css.js

@@ -1,5 +1,4 @@
 /* empty css                                         */
-/* empty css                             */
 /* empty css                            */
 //#region src/atomic/molecules/markdown/components/MarkdownLink.css.ts
 var e = "xtwkbg1 xtwkbg0 txvbqb3h txvbqb6f txvbqb7h txvbqb76 txvbqb7v txvbqb1ara", t = "xtwkbg3 xtwkbg1 xtwkbg0 txvbqb3h txvbqb6f txvbqb7h txvbqb76 txvbqb7v txvbqb1ara xtwkbg2 txvbqbey txvbqbfqq txvbqbhd8", n = "xtwkbg5 xtwkbg4 txvbqbfqq", r = "xtwkbg7 xtwkbg6 txvbqbf txvbqb3f";

package/lib/esm/components/feedback/OperationFeedback.js

@@ -3,24 +3,31 @@ import { InlineBanner as t } from "./InlineBanner.js";
 import { stack as n } from "./OperationFeedback.css.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/feedback/OperationFeedback.tsx
-var a = ({ errorMessage: a = null, successMessage: o = null, retryLabel: s, onRetry: c }) => {
-	if (a == null && o == null) return null;
-	let l = null;
-	return a != null && c != null && s != null && (l = /* @__PURE__ */ r(e, {
+var a = ({ errorMessage: a = null, neutralMessage: o = null, successMessage: s = null, retryLabel: c, onRetry: l }) => {
+	if (a == null && o == null && s == null) return null;
+	let u = null;
+	return a != null && l != null && c != null && (u = /* @__PURE__ */ r(e, {
 		type: "button",
 		variant: "secondary",
-		onClick: c,
-		children: s
+		onClick: l,
+		children: c
 	})), /* @__PURE__ */ i("div", {
 		className: n,
-		children: [a != null && /* @__PURE__ */ r(t, {
-			tone: "danger",
-			actions: l,
-			children: a
-		}), o != null && /* @__PURE__ */ r(t, {
-			tone: "success",
-			children: o
-		})]
+		children: [
+			a != null && /* @__PURE__ */ r(t, {
+				tone: "danger",
+				actions: u,
+				children: a
+			}),
+			s != null && /* @__PURE__ */ r(t, {
+				tone: "success",
+				children: s
+			}),
+			o != null && /* @__PURE__ */ r(t, {
+				tone: "info",
+				children: o
+			})
+		]
 	});
 }, o = a;
 //#endregion

package/lib/esm/components/feedback/OperationFeedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationFeedback.js","names":[],"sources":["../../../../src/components/feedback/OperationFeedback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '../../atomic/atoms/button/Button.js';\nimport { InlineBanner } from './InlineBanner.js';\n\nimport * as styles from './OperationFeedback.css.js';\n\nexport type OperationFeedbackProps = {\n  errorMessage?: string | null;\n  successMessage?: string | null;\n  retryLabel?: string;\n  onRetry?: () => void;\n};\n\nexport const OperationFeedback = ({\n  errorMessage = null,\n  successMessage = null,\n  retryLabel,\n  onRetry,\n}: OperationFeedbackProps): JSX.Element | null => {\n  if (errorMessage == null && successMessage == null) {\n    return null;\n  }\n\n  let retryAction: JSX.Element | null = null;\n  if (errorMessage != null && onRetry != null && retryLabel != null) {\n    retryAction = (\n      <Button type=\"button\" variant=\"secondary\" onClick={onRetry}>\n        {retryLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <div className={styles.stack}>\n      {errorMessage != null && (\n        <InlineBanner tone=\"danger\" actions={retryAction}>\n          {errorMessage}\n        </InlineBanner>\n      )}\n      {successMessage != null && (\n        <InlineBanner tone=\"success\">{successMessage}</InlineBanner>\n      )}\n    </div>\n  );\n};\n\nexport const MutationFeedback = OperationFeedback;\n\nexport default OperationFeedback;\n"],"mappings":";;;;;AAcA,IAAa,KAAqB,EAChC,kBAAe,MACf,oBAAiB,MACjB,eACA,iBACgD;CAChD,IAAI,KAAgB,QAAQ,KAAkB,MAC5C,OAAO;CAGT,IAAI,IAAkC;CAStC,OARI,KAAgB,QAAQ,KAAW,QAAQ,KAAc,SAC3D,IACE,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAY,SAAS;YAChD;CACK,CAAA,IAKV,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAgB,QACf,kBAAC,GAAD;GAAc,MAAK;GAAS,SAAS;aAClC;EACW,CAAA,GAEf,KAAkB,QACjB,kBAAC,GAAD;GAAc,MAAK;aAAW;EAA6B,CAAA,CAE1D;;AAET,GAEa,IAAmB"}
+{"version":3,"file":"OperationFeedback.js","names":[],"sources":["../../../../src/components/feedback/OperationFeedback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '../../atomic/atoms/button/Button.js';\nimport { InlineBanner } from './InlineBanner.js';\n\nimport * as styles from './OperationFeedback.css.js';\n\nexport type OperationFeedbackProps = {\n  errorMessage?: string | null;\n  neutralMessage?: string | null;\n  successMessage?: string | null;\n  retryLabel?: string;\n  onRetry?: () => void;\n};\n\nexport const OperationFeedback = ({\n  errorMessage = null,\n  neutralMessage = null,\n  successMessage = null,\n  retryLabel,\n  onRetry,\n}: OperationFeedbackProps): JSX.Element | null => {\n  if (\n    errorMessage == null &&\n    neutralMessage == null &&\n    successMessage == null\n  ) {\n    return null;\n  }\n\n  let retryAction: JSX.Element | null = null;\n  if (errorMessage != null && onRetry != null && retryLabel != null) {\n    retryAction = (\n      <Button type=\"button\" variant=\"secondary\" onClick={onRetry}>\n        {retryLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <div className={styles.stack}>\n      {errorMessage != null && (\n        <InlineBanner tone=\"danger\" actions={retryAction}>\n          {errorMessage}\n        </InlineBanner>\n      )}\n      {successMessage != null && (\n        <InlineBanner tone=\"success\">{successMessage}</InlineBanner>\n      )}\n      {neutralMessage != null && (\n        <InlineBanner tone=\"info\">{neutralMessage}</InlineBanner>\n      )}\n    </div>\n  );\n};\n\nexport const MutationFeedback = OperationFeedback;\n\nexport default OperationFeedback;\n"],"mappings":";;;;;AAeA,IAAa,KAAqB,EAChC,kBAAe,MACf,oBAAiB,MACjB,oBAAiB,MACjB,eACA,iBACgD;CAChD,IACE,KAAgB,QAChB,KAAkB,QAClB,KAAkB,MAElB,OAAO;CAGT,IAAI,IAAkC;CAStC,OARI,KAAgB,QAAQ,KAAW,QAAQ,KAAc,SAC3D,IACE,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAY,SAAS;YAChD;CACK,CAAA,IAKV,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACG,KAAgB,QACf,kBAAC,GAAD;IAAc,MAAK;IAAS,SAAS;cAClC;GACW,CAAA;GAEf,KAAkB,QACjB,kBAAC,GAAD;IAAc,MAAK;cAAW;GAA6B,CAAA;GAE5D,KAAkB,QACjB,kBAAC,GAAD;IAAc,MAAK;cAAQ;GAA6B,CAAA;EAEvD;;AAET,GAEa,IAAmB"}

package/lib/esm/components/layout/top_navigation_shell/TopNavigationShell.css.js

@@ -0,0 +1,17 @@
+/* empty css                                      */
+/* empty css                                  */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region src/components/layout/top_navigation_shell/TopNavigationShell.css.ts
+var t = e({
+	defaultClassName: "_1xrtzaa3 _1xrtzaa0 txvbqbfpn txvbqbh4x txvbqbv7k txvbqb1bg1",
+	variantClassNames: { variant: {
+		default: "_1xrtzaa4 _1xrtzaa1 txvbqb1b87",
+		muted: "_1xrtzaa5 _1xrtzaa2 txvbqb1b89"
+	} },
+	defaultVariants: { variant: "default" },
+	compoundVariants: []
+}), n = "_1xrtzaa6 txvbqbfvs txvbqbu86 txvbqbv7x";
+//#endregion
+export { n as main, t as shell };
+
+//# sourceMappingURL=TopNavigationShell.css.js.map

package/lib/esm/components/layout/top_navigation_shell/TopNavigationShell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavigationShell.css.js","names":[],"sources":["../../../../../src/components/layout/top_navigation_shell/TopNavigationShell.css.ts"],"sourcesContent":["import { recipe } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const shell = recipe({\n  base: sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: 'screen',\n    color: 'text',\n  }),\n  variants: {\n    variant: {\n      default: sprinkles({\n        backgroundColor: 'background',\n      }),\n      muted: sprinkles({\n        backgroundColor: 'backgroundSecondary',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport const main = sprinkles({\n  flex: 1,\n  minHeight: 0,\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/layout/top_navigation_shell/TopNavigationShell.js

@@ -0,0 +1,24 @@
+import { cx as e } from "../../../theme/tools.js";
+import { AppHeader as t } from "../AppHeader.js";
+import { main as n, shell as r } from "./TopNavigationShell.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/layout/top_navigation_shell/TopNavigationShell.tsx
+var o = ({ actions: o, children: s, className: c, contentClassName: l, headerClassName: u, meta: d, primaryNav: f, secondaryNav: p, subtitle: m, title: h, variant: g = "default" }) => /* @__PURE__ */ a("div", {
+	className: e(r({ variant: g }), c),
+	children: [/* @__PURE__ */ i(t, {
+		actions: o,
+		className: u,
+		meta: d,
+		primaryNav: f,
+		secondaryNav: p,
+		subtitle: m,
+		title: h
+	}), /* @__PURE__ */ i("main", {
+		className: e(n, l),
+		children: s
+	})]
+});
+//#endregion
+export { o as TopNavigationShell, o as default };
+
+//# sourceMappingURL=TopNavigationShell.js.map

package/lib/esm/components/layout/top_navigation_shell/TopNavigationShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavigationShell.js","names":[],"sources":["../../../../../src/components/layout/top_navigation_shell/TopNavigationShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { AppHeader } from '../AppHeader.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './TopNavigationShell.css.js';\n\nexport type TopNavigationShellVariant = 'default' | 'muted';\n\nexport type TopNavigationShellProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  meta?: ReactNode;\n  primaryNav?: ReactNode;\n  secondaryNav?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n  variant?: TopNavigationShellVariant;\n};\n\nexport const TopNavigationShell = ({\n  actions,\n  children,\n  className,\n  contentClassName,\n  headerClassName,\n  meta,\n  primaryNav,\n  secondaryNav,\n  subtitle,\n  title,\n  variant = 'default',\n}: TopNavigationShellProps): JSX.Element => {\n  return (\n    <div className={cx(styles.shell({ variant }), className)}>\n      <AppHeader\n        actions={actions}\n        className={headerClassName}\n        meta={meta}\n        primaryNav={primaryNav}\n        secondaryNav={secondaryNav}\n        subtitle={subtitle}\n        title={title}\n      />\n      <main className={cx(styles.main, contentClassName)}>{children}</main>\n    </div>\n  );\n};\n\nexport default TopNavigationShell;\n"],"mappings":";;;;;AAuBA,IAAa,KAAsB,EACjC,YACA,aACA,cACA,qBACA,oBACA,SACA,eACA,iBACA,aACA,UACA,aAAU,gBAGR,kBAAC,OAAD;CAAK,WAAW,EAAG,EAAa,EAAE,WAAQ,CAAC,GAAG,CAAS;WAAvD,CACE,kBAAC,GAAD;EACW;EACT,WAAW;EACL;EACM;EACE;EACJ;EACH;CACR,CAAA,GACD,kBAAC,QAAD;EAAM,WAAW,EAAG,GAAa,CAAgB;EAAI;CAAe,CAAA,CACjE"}