@snokam/ui 1.0.0

package/dist/components/feedback/toaster/styles.js

@@ -0,0 +1,159 @@
+"use client";
+import styled from "@emotion/styled";
+import { keyframes } from "@emotion/react";
+import { tokens, DUR, EASE_GLIDE, EASE_SNAP } from "@snokam/ui/tokens";
+function tintFor(kind) {
+    switch (kind) {
+        case "success":
+            return tokens.success;
+        case "error":
+            return tokens.danger;
+        case "warning":
+            return tokens.warning;
+        case "info":
+        default:
+            return tokens.cyan;
+    }
+}
+const slideIn = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(12px) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+`;
+const fadeOnly = keyframes `
+  from { opacity: 0; }
+  to   { opacity: 1; }
+`;
+export const Stack = styled.div `
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 1500;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  pointer-events: none;
+  max-width: min(380px, calc(100vw - 40px));
+
+  @media (max-width: 640px) {
+    right: 12px;
+    left: 12px;
+    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
+    max-width: none;
+  }
+`;
+export const ToastCard = styled.div `
+  pointer-events: auto;
+  display: grid;
+  grid-template-columns: ${({ $hasAction }) => $hasAction ? "28px 1fr auto" : "28px 1fr"};
+  gap: 12px;
+  align-items: flex-start;
+  padding: 12px 14px;
+  border-radius: 8px;
+  border: 1px solid ${tokens.border};
+  background:
+    linear-gradient(180deg, var(--o-surface-2) 0%, var(--o-surface-1) 100%),
+    var(--o-surface-section);
+  backdrop-filter: blur(14px);
+  -webkit-backdrop-filter: blur(14px);
+  color: ${tokens.text};
+  font-family: ${tokens.font};
+  box-shadow:
+    0 14px 32px rgba(0, 0, 0, 0.35),
+    inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  cursor: pointer;
+  animation: ${slideIn} ${DUR.short} ${EASE_GLIDE};
+  border-left: 2px solid ${({ $kind }) => tintFor($kind)};
+  transform-origin: bottom right;
+  transition:
+    border-color ${DUR.micro} ${EASE_SNAP},
+    transform ${DUR.micro} ${EASE_SNAP},
+    box-shadow ${DUR.micro} ${EASE_SNAP};
+
+  &:hover {
+    border-color: ${tokens.borderStrong};
+    transform: translateY(-1px);
+    box-shadow:
+      0 20px 40px rgba(0, 0, 0, 0.42),
+      inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px ${tokens.borderFocus};
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: ${fadeOnly} ${DUR.short} linear;
+    &:hover {
+      transform: none;
+    }
+  }
+`;
+export const IconWrap = styled.span `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 7px;
+  color: ${({ $kind }) => tintFor($kind)};
+  background: ${({ $kind }) => {
+    const tint = tintFor($kind);
+    return `color-mix(in srgb, ${tint} 14%, transparent)`;
+}};
+  flex-shrink: 0;
+`;
+export const Body = styled.div `
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`;
+export const Title = styled.div `
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: -0.005em;
+  line-height: 1.25;
+  color: ${tokens.text};
+`;
+export const Message = styled.div `
+  font-size: 0.75rem;
+  line-height: 1.4;
+  color: ${tokens.textMuted};
+  word-break: break-word;
+`;
+export const ActionButton = styled.button `
+  align-self: center;
+  font-family: ${tokens.font};
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  padding: 6px 10px;
+  min-height: 32px;
+  border-radius: 6px;
+  cursor: pointer;
+  color: ${({ $kind }) => tintFor($kind)};
+  background: transparent;
+  border: 1px solid
+    color-mix(in srgb, ${({ $kind }) => tintFor($kind)} 32%, transparent);
+  transition:
+    background ${DUR.micro} ${EASE_SNAP},
+    border-color ${DUR.micro} ${EASE_SNAP};
+
+  &:hover {
+    background: color-mix(
+      in srgb,
+      ${({ $kind }) => tintFor($kind)} 12%,
+      transparent
+    );
+    border-color: ${({ $kind }) => tintFor($kind)};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/feedback/toaster/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/styles.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/Form.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { FieldValues, UseFormReturn } from "react-hook-form";
+export interface FormProps<T extends FieldValues> {
+    form: UseFormReturn<T>;
+    id: string;
+    onSubmit: (_values: T) => void | Promise<void>;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Form<T extends FieldValues>({ form, id, onSubmit, children, className, }: FormProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAgB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG3E,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW;IAC9C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,EAC1C,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,SAAS,CAAC,CAAC,CAAC,+BAad"}

package/dist/components/form/Form.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormProvider } from "react-hook-form";
+import { FormElement } from "./styles";
+export function Form({ form, id, onSubmit, children, className, }) {
+    return (_jsx(FormProvider, { ...form, children: _jsx(FormElement, { id: id, className: className, noValidate: true, onSubmit: form.handleSubmit(onSubmit), children: children }) }));
+}
+//# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAe,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAUvC,MAAM,UAAU,IAAI,CAAwB,EAC1C,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,SAAS,GACI;IACb,OAAO,CACL,KAAC,YAAY,OAAK,IAAI,YACpB,KAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,UAAU,QACV,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,YAEpC,QAAQ,GACG,GACD,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/form/FormDialog.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import { FieldValues, UseFormReturn } from "react-hook-form";
+import { FormLabels } from "./labels";
+export interface FormDialogProps<T extends FieldValues> {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    form: UseFormReturn<T>;
+    onSubmit: (_values: T) => void | Promise<void>;
+    children: ReactNode;
+    labels?: FormLabels;
+    submitLabel?: string;
+    cancelLabel?: string;
+    disableUntilDirty?: boolean;
+    wide?: boolean;
+}
+export declare function FormDialog<T extends FieldValues>({ open, onClose, title, form, onSubmit, children, labels, submitLabel, cancelLabel, disableUntilDirty, wide, }: FormDialogProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormDialog.d.ts.map

package/dist/components/form/FormDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAgB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,WAAW;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,IAAI,GACL,EAAE,eAAe,CAAC,CAAC,CAAC,+BA0BpB"}

package/dist/components/form/FormDialog.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { FormProvider } from "react-hook-form";
+import { Dialog } from "../overlay";
+import { Form } from "./Form";
+import { SubmitBar } from "./SubmitBar";
+export function FormDialog({ open, onClose, title, form, onSubmit, children, labels, submitLabel, cancelLabel, disableUntilDirty, wide, }) {
+    const id = useId();
+    return (_jsx(FormProvider, { ...form, children: _jsx(Dialog, { open: open, onClose: onClose, title: title, maxWidth: wide ? "md" : "sm", footer: _jsx(SubmitBar, { form: id, labels: labels, submitLabel: submitLabel, cancelLabel: cancelLabel, onCancel: onClose, disableUntilDirty: disableUntilDirty }), children: _jsx(Form, { form: form, id: id, onSubmit: onSubmit, children: children }) }) }));
+}
+//# sourceMappingURL=FormDialog.js.map

package/dist/components/form/FormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../src/components/form/FormDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAe,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,UAAU,UAAU,CAAwB,EAChD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,IAAI,GACe;IACnB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,KAAC,YAAY,OAAK,IAAI,YACpB,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC5B,MAAM,EACJ,KAAC,SAAS,IACR,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,OAAO,EACjB,iBAAiB,EAAE,iBAAiB,GACpC,YAGJ,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,YACzC,QAAQ,GACJ,GACA,GACI,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/form/FormDrawer.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import { FieldValues, UseFormReturn } from "react-hook-form";
+import { FormLabels } from "./labels";
+export interface FormDrawerProps<T extends FieldValues> {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    form: UseFormReturn<T>;
+    onSubmit: (_values: T) => void | Promise<void>;
+    children: ReactNode;
+    labels?: FormLabels;
+    submitLabel?: string;
+    cancelLabel?: string;
+    disableUntilDirty?: boolean;
+    wide?: boolean;
+}
+export declare function FormDrawer<T extends FieldValues>({ open, onClose, title, form, onSubmit, children, labels, submitLabel, cancelLabel, disableUntilDirty, }: FormDrawerProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormDrawer.d.ts.map

package/dist/components/form/FormDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAgB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,WAAW;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,iBAAiB,GAClB,EAAE,eAAe,CAAC,CAAC,CAAC,+BAyBpB"}

package/dist/components/form/FormDrawer.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { FormProvider } from "react-hook-form";
+import { Drawer } from "../overlay";
+import { Form } from "./Form";
+import { SubmitBar } from "./SubmitBar";
+export function FormDrawer({ open, onClose, title, form, onSubmit, children, labels, submitLabel, cancelLabel, disableUntilDirty, }) {
+    const id = useId();
+    return (_jsx(FormProvider, { ...form, children: _jsx(Drawer, { open: open, onClose: onClose, title: title, footer: _jsx(SubmitBar, { form: id, labels: labels, submitLabel: submitLabel, cancelLabel: cancelLabel, onCancel: onClose, disableUntilDirty: disableUntilDirty }), children: _jsx(Form, { form: form, id: id, onSubmit: onSubmit, children: children }) }) }));
+}
+//# sourceMappingURL=FormDrawer.js.map

package/dist/components/form/FormDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDrawer.js","sourceRoot":"","sources":["../../../src/components/form/FormDrawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAe,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,UAAU,UAAU,CAAwB,EAChD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,iBAAiB,GACE;IACnB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,KAAC,YAAY,OAAK,IAAI,YACpB,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EACJ,KAAC,SAAS,IACR,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,OAAO,EACjB,iBAAiB,EAAE,iBAAiB,GACpC,YAGJ,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,YACzC,QAAQ,GACJ,GACA,GACI,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/form/FormPage.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { FieldValues, UseFormReturn } from "react-hook-form";
+import { FormLabels } from "./labels";
+export interface FormPageProps<T extends FieldValues> {
+    form: UseFormReturn<T>;
+    onSubmit: (_values: T) => void | Promise<void>;
+    children: ReactNode;
+    labels?: FormLabels;
+    submitLabel?: string;
+    cancelLabel?: string;
+    onCancel?: () => void;
+    disableUntilDirty?: boolean;
+}
+export declare function FormPage<T extends FieldValues>({ form, onSubmit, children, labels, submitLabel, cancelLabel, onCancel, disableUntilDirty, }: FormPageProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormPage.d.ts.map

package/dist/components/form/FormPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPage.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,WAAW;IAClD,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,EAC9C,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,aAAa,CAAC,CAAC,CAAC,+BAiBlB"}

package/dist/components/form/FormPage.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Form } from "./Form";
+import { SubmitBar } from "./SubmitBar";
+import { PageSection, StickyBar } from "./styles";
+export function FormPage({ form, onSubmit, children, labels, submitLabel, cancelLabel, onCancel, disableUntilDirty, }) {
+    const id = useId();
+    return (_jsxs(Form, { form: form, id: id, onSubmit: onSubmit, children: [_jsx(PageSection, { children: children }), _jsx(StickyBar, { children: _jsx(SubmitBar, { form: id, labels: labels, submitLabel: submitLabel, cancelLabel: cancelLabel, onCancel: onCancel, disableUntilDirty: disableUntilDirty }) })] }));
+}
+//# sourceMappingURL=FormPage.js.map

package/dist/components/form/FormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPage.js","sourceRoot":"","sources":["../../../src/components/form/FormPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAalD,MAAM,UAAU,QAAQ,CAAwB,EAC9C,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,iBAAiB,GACA;IACjB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,aAC1C,KAAC,WAAW,cAAE,QAAQ,GAAe,EACrC,KAAC,SAAS,cACR,KAAC,SAAS,IACR,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,GACQ,IACP,CACR,CAAC;AACJ,CAAC"}

package/dist/components/form/SubmitBar.d.ts

@@ -0,0 +1,11 @@
+import { FormLabels } from "./labels";
+export interface SubmitBarProps {
+    form: string;
+    labels?: FormLabels;
+    submitLabel?: string;
+    cancelLabel?: string;
+    onCancel?: () => void;
+    disableUntilDirty?: boolean;
+}
+export declare function SubmitBar({ form, labels, submitLabel, cancelLabel, onCancel, disableUntilDirty, }: SubmitBarProps): import("react").JSX.Element;
+//# sourceMappingURL=SubmitBar.d.ts.map

package/dist/components/form/SubmitBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitBar.d.ts","sourceRoot":"","sources":["../../../src/components/form/SubmitBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,iBAAwB,GACzB,EAAE,cAAc,+BAqChB"}

package/dist/components/form/SubmitBar.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { Button } from "../button";
+import { LoadingButton } from "../mui/lab";
+import { Bar, RootError } from "./styles";
+export function SubmitBar({ form, labels, submitLabel, cancelLabel, onCancel, disableUntilDirty = true, }) {
+    const save = labels?.save ?? submitLabel ?? "Lagre";
+    const cancel = labels?.cancel ?? cancelLabel ?? "Avbryt";
+    const { formState: { isSubmitting, isDirty, errors }, } = useFormContext();
+    const rootError = errors.root?.message;
+    const disabled = isSubmitting || (disableUntilDirty && !isDirty);
+    return (_jsxs(Bar, { children: [rootError ? (_jsx(RootError, { role: "alert", children: String(rootError) })) : null, onCancel ? (_jsx(Button, { type: "button", color: "primary", onClick: onCancel, disabled: isSubmitting, children: cancel })) : null, _jsx(LoadingButton, { type: "submit", form: form, variant: "contained", color: "primary", loading: isSubmitting, disabled: disabled, children: save })] }));
+}
+//# sourceMappingURL=SubmitBar.js.map

package/dist/components/form/SubmitBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitBar.js","sourceRoot":"","sources":["../../../src/components/form/SubmitBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAW1C,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,iBAAiB,GAAG,IAAI,GACT;IACf,MAAM,IAAI,GAAG,MAAM,EAAE,IAAI,IAAI,WAAW,IAAI,OAAO,CAAC;IACpD,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,WAAW,IAAI,QAAQ,CAAC;IACzD,MAAM,EACJ,SAAS,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,GAC7C,GAAG,cAAc,EAAE,CAAC;IAErB,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC;IACvC,MAAM,QAAQ,GAAG,YAAY,IAAI,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjE,OAAO,CACL,MAAC,GAAG,eACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,YAAE,MAAM,CAAC,SAAS,CAAC,GAAa,CACxD,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,YAErB,MAAM,GACA,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,IACZ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACS,IACZ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/form/fields/FormArrayField.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { FieldValues, type ArrayPath } from "react-hook-form";
+import { FormLabels } from "../labels";
+export interface FormArrayFieldProps<T extends FieldValues> {
+    name: ArrayPath<T>;
+    renderRow: (_index: number) => ReactNode;
+    newRow: FieldArray<T, ArrayPath<T>>;
+    labels?: FormLabels;
+    addLabel?: string;
+    removeLabel?: string;
+    disabled?: boolean;
+}
+export declare function FormArrayField<T extends FieldValues>({ name, renderRow, newRow, labels, addLabel, removeLabel, disabled, }: FormArrayFieldProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormArrayField.d.ts.map

package/dist/components/form/fields/FormArrayField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormArrayField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FormArrayField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,WAAW,EAGX,KAAK,SAAS,EACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,WAAW;IACxD,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,IAAI,EACJ,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAyCxB"}

package/dist/components/form/fields/FormArrayField.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFieldArray, useFormContext, } from "react-hook-form";
+import { Button } from "../../button";
+import { ArrayActions, ArrayRow, ArrayRowBody, ArrayShell } from "./styles";
+export function FormArrayField({ name, renderRow, newRow, labels, addLabel, removeLabel, disabled, }) {
+    const addText = labels?.add ?? addLabel ?? "Legg til";
+    const removeText = labels?.remove ?? removeLabel ?? "Fjern";
+    const { control } = useFormContext();
+    const { fields, append, remove } = useFieldArray({
+        control,
+        name,
+    });
+    return (_jsxs(ArrayShell, { children: [fields.map((item, index) => (_jsxs(ArrayRow, { children: [_jsx(ArrayRowBody, { children: renderRow(index) }), _jsx(ArrayActions, { children: _jsx(Button, { type: "button", color: "primary", size: "small", disabled: disabled, onClick: () => remove(index), children: removeText }) })] }, item.id))), _jsx("div", { children: _jsx(Button, { type: "button", variant: "outlined", color: "primary", size: "small", disabled: disabled, onClick: () => append(newRow), children: addText }) })] }));
+}
+//# sourceMappingURL=FormArrayField.js.map

package/dist/components/form/fields/FormArrayField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormArrayField.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormArrayField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAGL,aAAa,EACb,cAAc,GAEf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAY5E,MAAM,UAAU,cAAc,CAAwB,EACpD,IAAI,EACJ,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,GACe;IACvB,MAAM,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,QAAQ,IAAI,UAAU,CAAC;IACtD,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,IAAI,WAAW,IAAI,OAAO,CAAC;IAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAkB;QAChE,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,UAAU,eACR,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,MAAC,QAAQ,eACP,KAAC,YAAY,cAAE,SAAS,CAAC,KAAK,CAAC,GAAgB,EAC/C,KAAC,YAAY,cACX,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAE3B,UAAU,GACJ,GACI,KAZF,IAAI,CAAC,EAAE,CAaX,CACZ,CAAC,EACF,wBACE,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,YAE5B,OAAO,GACD,GACL,IACK,CACd,CAAC;AACJ,CAAC"}

package/dist/components/form/fields/FormCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { FieldPath, FieldValues } from "react-hook-form";
+import { CheckboxProps } from "../../checkbox";
+export type FormCheckboxProps<T extends FieldValues> = Omit<CheckboxProps, "name" | "checked" | "onChange" | "onBlur"> & {
+    name: FieldPath<T>;
+    label: ReactNode;
+};
+export declare function FormCheckbox<T extends FieldValues>({ name, label, ...rest }: FormCheckboxProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/components/form/fields/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FormCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,IAAI,CACzD,aAAa,EACb,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAC3C,GAAG;IACF,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAsBtB"}

package/dist/components/form/fields/FormCheckbox.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller, useFormContext, } from "react-hook-form";
+import { FormControlLabel } from "@mui/material";
+import { Checkbox } from "../../checkbox";
+export function FormCheckbox({ name, label, ...rest }) {
+    const { control } = useFormContext();
+    return (_jsx(Controller, { control: control, name: name, render: ({ field }) => (_jsx(FormControlLabel, { label: label, control: _jsx(Checkbox, { ...rest, checked: !!field.value, onChange: (event) => field.onChange(event.target.checked), onBlur: field.onBlur, inputRef: field.ref }) })) }));
+}
+//# sourceMappingURL=FormCheckbox.js.map

package/dist/components/form/fields/FormCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,UAAU,EAGV,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAiB,MAAM,gBAAgB,CAAC;AAUzD,MAAM,UAAU,YAAY,CAAwB,EAClD,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACc;IACrB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,OAAO,EACL,KAAC,QAAQ,OACH,IAAI,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EACzD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,GAAG,GACnB,GAEJ,CACH,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/form/fields/FormDate.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { FieldPath, FieldValues } from "react-hook-form";
+export interface FormDateProps<T extends FieldValues> {
+    name: FieldPath<T>;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    disabled?: boolean;
+    fullWidth?: boolean;
+}
+export declare function FormDate<T extends FieldValues>({ name, label, helperText, disabled, fullWidth, }: FormDateProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormDate.d.ts.map

package/dist/components/form/fields/FormDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDate.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FormDate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAOzB,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,WAAW;IAClD,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,EAC9C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAgB,GACjB,EAAE,aAAa,CAAC,CAAC,CAAC,+BA2BlB"}

package/dist/components/form/fields/FormDate.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller, useFormContext, } from "react-hook-form";
+import { AdapterDateFns, DatePicker, LocalizationProvider, } from "../../mui/date-pickers";
+export function FormDate({ name, label, helperText, disabled, fullWidth = true, }) {
+    const { control } = useFormContext();
+    return (_jsx(Controller, { control: control, name: name, render: ({ field, fieldState }) => (_jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DatePicker, { label: label, disabled: disabled, value: field.value ?? null, onChange: (value) => field.onChange(value), slotProps: {
+                    textField: {
+                        fullWidth,
+                        onBlur: field.onBlur,
+                        inputRef: field.ref,
+                        error: !!fieldState.error,
+                        helperText: fieldState.error?.message ?? helperText,
+                    },
+                } }) })) }));
+}
+//# sourceMappingURL=FormDate.js.map

package/dist/components/form/fields/FormDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDate.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,UAAU,EAGV,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,cAAc,EACd,UAAU,EACV,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAUhC,MAAM,UAAU,QAAQ,CAAwB,EAC9C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,IAAI,GACC;IACjB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,oBAAoB,IAAC,WAAW,EAAE,cAAc,YAC/C,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAE;oBACT,SAAS,EAAE;wBACT,SAAS;wBACT,MAAM,EAAE,KAAK,CAAC,MAAM;wBACpB,QAAQ,EAAE,KAAK,CAAC,GAAG;wBACnB,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK;wBACzB,UAAU,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,UAAU;qBACpD;iBACF,GACD,GACmB,CACxB,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/form/fields/FormImageField.d.ts

@@ -0,0 +1,12 @@
+import { FieldPath, FieldValues } from "react-hook-form";
+import type { BlobStorageOptions } from "../../dropzone/types";
+export interface FormImageFieldProps<T extends FieldValues> {
+    name: FieldPath<T>;
+    label?: string;
+    helperText?: string;
+    getCredentials: () => Promise<BlobStorageOptions>;
+    accept?: Record<string, string[]>;
+    disabled?: boolean;
+}
+export declare function FormImageField<T extends FieldValues>({ name, label, helperText, getCredentials, accept, disabled, }: FormImageFieldProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormImageField.d.ts.map

package/dist/components/form/fields/FormImageField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormImageField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FormImageField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,WAAW;IACxD,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,IAAI,EACJ,KAAK,EACL,UAAU,EACV,cAAc,EACd,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAyCxB"}

package/dist/components/form/fields/FormImageField.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Controller, useFormContext, } from "react-hook-form";
+import { Dropzone } from "../../dropzone";
+export function FormImageField({ name, label, helperText, getCredentials, accept, disabled, }) {
+    const { control } = useFormContext();
+    const [credentials, setCredentials] = useState(null);
+    const [selected, setSelected] = useState(null);
+    useEffect(() => {
+        let active = true;
+        getCredentials()
+            .then((value) => {
+            if (active)
+                setCredentials(value);
+        })
+            .catch(() => {
+            if (active)
+                setCredentials(null);
+        });
+        return () => {
+            active = false;
+        };
+    }, [getCredentials]);
+    return (_jsx(Controller, { control: control, name: name, render: ({ field }) => (_jsx(Dropzone, { label: label, helperText: helperText, accept: accept, disabled: disabled || !credentials, blobStorageOptions: credentials ?? undefined, selectedFile: selected, onFileSelect: (media) => {
+                setSelected(media);
+                field.onChange(media?.blobUrl ?? media?.preview ?? "");
+            } })) }));
+}
+//# sourceMappingURL=FormImageField.js.map

package/dist/components/form/fields/FormImageField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormImageField.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormImageField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,UAAU,EAGV,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;AAY3D,MAAM,UAAU,cAAc,CAAwB,EACpD,IAAI,EACJ,KAAK,EACL,UAAU,EACV,cAAc,EACd,MAAM,EACN,QAAQ,GACe;IACvB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,IAAI,CACL,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,cAAc,EAAE;aACb,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACd,IAAI,MAAM;gBAAE,cAAc,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,IAAI,MAAM;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,CAAC,WAAW,EAClC,kBAAkB,EAAE,WAAW,IAAI,SAAS,EAC5C,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC;YACzD,CAAC,GACD,CACH,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/form/fields/FormReferencePicker.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { FieldPath, FieldValues } from "react-hook-form";
+import { EntityPickerEntity } from "../../admin-picker";
+import type { EntityPickerProps } from "../../admin-picker";
+export interface FormReferencePickerProps<T extends FieldValues, Item extends EntityPickerEntity> {
+    name: FieldPath<T>;
+    items: readonly Item[];
+    searchText: (_item: Item) => string;
+    renderRow: EntityPickerProps<Item>["renderRow"];
+    multiple?: boolean;
+    labels?: EntityPickerProps<Item>["labels"];
+    disabled?: boolean;
+    helperText?: ReactNode;
+}
+export declare function FormReferencePicker<T extends FieldValues, Item extends EntityPickerEntity>({ name, items, searchText, renderRow, multiple, labels, disabled, helperText, }: FormReferencePickerProps<T, Item>): import("react").JSX.Element;
+//# sourceMappingURL=FormReferencePicker.d.ts.map

package/dist/components/form/fields/FormReferencePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormReferencePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FormReferencePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAgB,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,MAAM,WAAW,wBAAwB,CACvC,CAAC,SAAS,WAAW,EACrB,IAAI,SAAS,kBAAkB;IAE/B,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,EACrB,IAAI,SAAS,kBAAkB,EAC/B,EACA,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,MAAM,EACN,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,CAAC,CAAC,EAAE,IAAI,CAAC,+BA4CnC"}

package/dist/components/form/fields/FormReferencePicker.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controller, useFormContext, } from "react-hook-form";
+import { EntityPicker } from "../../admin-picker";
+import { FieldError, FieldHelp, PickerWrap } from "./styles";
+export function FormReferencePicker({ name, items, searchText, renderRow, multiple = false, labels, disabled, helperText, }) {
+    const { control } = useFormContext();
+    return (_jsx(Controller, { control: control, name: name, render: ({ field, fieldState }) => {
+            const value = field.value;
+            const selectedIds = multiple
+                ? (value ?? [])
+                : value
+                    ? [value]
+                    : [];
+            return (_jsxs(PickerWrap, { children: [_jsx(EntityPicker, { entities: items, selectedIds: selectedIds, disabled: disabled, searchText: searchText, renderRow: renderRow, labels: labels, onAdd: (entity) => field.onChange(multiple ? [...selectedIds, entity.id] : entity.id), onRemove: (entity) => field.onChange(multiple ? selectedIds.filter((id) => id !== entity.id) : "") }), fieldState.error?.message ? (_jsx(FieldError, { children: fieldState.error.message })) : helperText ? (_jsx(FieldHelp, { children: helperText })) : null] }));
+        } }));
+}
+//# sourceMappingURL=FormReferencePicker.js.map

package/dist/components/form/fields/FormReferencePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormReferencePicker.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormReferencePicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,UAAU,EAGV,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAgB7D,MAAM,UAAU,mBAAmB,CAGjC,EACA,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,EACR,UAAU,GACwB;IAClC,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;YAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,WAAW,GAAa,QAAQ;gBACpC,CAAC,CAAC,CAAE,KAA8B,IAAI,EAAE,CAAC;gBACzC,CAAC,CAAC,KAAK;oBACL,CAAC,CAAC,CAAC,KAAe,CAAC;oBACnB,CAAC,CAAC,EAAE,CAAC;YAET,OAAO,CACL,MAAC,UAAU,eACT,KAAC,YAAY,IACX,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAChB,KAAK,CAAC,QAAQ,CACZ,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CACnD,EAEH,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CACnB,KAAK,CAAC,QAAQ,CACZ,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAC7D,GAEH,EACD,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAC3B,KAAC,UAAU,cAAE,UAAU,CAAC,KAAK,CAAC,OAAO,GAAc,CACpD,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACf,KAAC,SAAS,cAAE,UAAU,GAAa,CACpC,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/form/fields/FormSelect.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { FieldPath, FieldValues } from "react-hook-form";
+import { TextFieldProps } from "../../text-field";
+export interface FormSelectOption {
+    value: string | number;
+    label: ReactNode;
+}
+export type FormSelectProps<T extends FieldValues> = Omit<TextFieldProps, "name" | "error" | "value" | "onChange" | "onBlur" | "select" | "children"> & {
+    name: FieldPath<T>;
+    options?: FormSelectOption[];
+    children?: ReactNode;
+};
+export declare function FormSelect<T extends FieldValues>({ name, options, children, helperText, ...rest }: FormSelectProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=FormSelect.d.ts.map

package/dist/components/form/fields/FormSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FormSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAa,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG7D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,IAAI,CACvD,cAAc,EACd,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAC3E,GAAG;IACF,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,+BA8BpB"}

package/dist/components/form/fields/FormSelect.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller, useFormContext, } from "react-hook-form";
+import { TextField } from "../../text-field";
+import { MenuItem } from "../../menu-item";
+export function FormSelect({ name, options, children, helperText, ...rest }) {
+    const { control } = useFormContext();
+    return (_jsx(Controller, { control: control, name: name, render: ({ field, fieldState }) => (_jsx(TextField, { ...rest, select: true, name: field.name, value: field.value ?? "", onChange: field.onChange, onBlur: field.onBlur, inputRef: field.ref, error: !!fieldState.error, helperText: fieldState.error?.message ?? helperText, fullWidth: rest.fullWidth ?? true, children: options
+                ? options.map((option) => (_jsx(MenuItem, { value: option.value, children: option.label }, String(option.value))))
+                : children })) }));
+}
+//# sourceMappingURL=FormSelect.js.map