@snokam/ui 1.0.0

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+import { AccordionProps } from "@mui/material";
+export type { AccordionProps };
+export declare const Accordion: (props: AccordionProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,cAAc,EAAE,MAAM,eAAe,CAAC;AAE1E,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,gCAAgC,CAAC"}

package/dist/components/accordion/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Accordion as MuiAccordion } from "@mui/material";
+export const Accordion = (props) => _jsx(MuiAccordion, { ...props });
+//# sourceMappingURL=index.js.map

package/dist/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,IAAI,YAAY,EAAkB,MAAM,eAAe,CAAC;AAI1E,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,GAAI,CAAC"}

package/dist/components/admin-picker/EntityPicker.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+export interface EntityPickerEntity {
+    readonly id: string;
+}
+export interface EntityPickerProps<T extends EntityPickerEntity> {
+    entities: readonly T[];
+    selectedIds: readonly string[];
+    onAdd: (_entity: T) => void | Promise<void>;
+    onRemove: (_entity: T) => void | Promise<void>;
+    searchText: (_entity: T) => string;
+    renderRow: (_entity: T, _context: "assigned" | "candidate") => ReactNode;
+    labels?: {
+        title?: string;
+        add?: string;
+        cancel?: string;
+        searchPlaceholder?: string;
+        empty?: string;
+        noMatch?: string;
+        remove?: string;
+    };
+    disabled?: boolean;
+    maxCandidates?: number;
+}
+export declare function EntityPicker<T extends EntityPickerEntity>({ entities, selectedIds, onAdd, onRemove, searchText, renderRow, labels, disabled, maxCandidates, }: EntityPickerProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=EntityPicker.d.ts.map

package/dist/components/admin-picker/EntityPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/admin-picker/EntityPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAmBrD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,kBAAkB;IAC7D,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC;IACvB,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,SAAS,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,WAAW,KAAK,SAAS,CAAC;IACzE,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAYD,wBAAgB,YAAY,CAAC,CAAC,SAAS,kBAAkB,EAAE,EACzD,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAkB,GACnB,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA4GtB"}

package/dist/components/admin-picker/EntityPicker.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Shell, HeaderRow, Title, AddButton, CancelButton, AssignedGrid, AssignedRow, RowContent, RemoveButton, Empty, PickerPanel, PickerHead, PickerInput, PickerList, PickerRow, } from "./EntityPicker.styled";
+const DEFAULT_LABELS = {
+    title: "Tilordnet",
+    add: "+ Tilordne",
+    cancel: "Avbryt",
+    searchPlaceholder: "Søk…",
+    empty: "Ingen er tilordnet ennå.",
+    noMatch: "Ingen treff på søket.",
+    remove: "Fjern",
+};
+export function EntityPicker({ entities, selectedIds, onAdd, onRemove, searchText, renderRow, labels, disabled, maxCandidates = 30, }) {
+    const [picking, setPicking] = useState(false);
+    const [query, setQuery] = useState("");
+    const merged = { ...DEFAULT_LABELS, ...(labels ?? {}) };
+    const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);
+    const byId = useMemo(() => {
+        const m = new Map();
+        for (const e of entities)
+            m.set(e.id, e);
+        return m;
+    }, [entities]);
+    const assigned = useMemo(() => selectedIds.map((id) => byId.get(id)).filter((e) => e != null), [selectedIds, byId]);
+    const candidates = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        return entities
+            .filter((e) => !selectedSet.has(e.id))
+            .filter((e) => (q ? searchText(e).includes(q) : true))
+            .slice(0, maxCandidates);
+    }, [entities, selectedSet, query, searchText, maxCandidates]);
+    const handlePick = async (entity) => {
+        await onAdd(entity);
+        setPicking(false);
+        setQuery("");
+    };
+    return (_jsxs(Shell, { children: [_jsxs(HeaderRow, { children: [_jsx(Title, { children: merged.title }), !picking && (_jsx(AddButton, { type: "button", onClick: () => setPicking(true), disabled: disabled, children: merged.add }))] }), assigned.length === 0 && !picking && _jsx(Empty, { children: merged.empty }), assigned.length > 0 && (_jsx(AssignedGrid, { children: assigned.map((entity) => (_jsxs(AssignedRow, { children: [_jsx(RowContent, { children: renderRow(entity, "assigned") }), _jsx(RemoveButton, { type: "button", "aria-label": merged.remove, disabled: disabled, onClick: () => onRemove(entity), children: merged.remove })] }, entity.id))) })), picking && (_jsxs(PickerPanel, { children: [_jsxs(PickerHead, { children: [_jsx(PickerInput, { autoFocus: true, type: "search", placeholder: merged.searchPlaceholder, value: query, onChange: (e) => setQuery(e.target.value) }), _jsx(CancelButton, { type: "button", onClick: () => {
+                                    setPicking(false);
+                                    setQuery("");
+                                }, children: merged.cancel })] }), candidates.length === 0 ? (_jsx(Empty, { children: merged.noMatch })) : (_jsx(PickerList, { children: candidates.map((entity) => (_jsx(PickerRow, { type: "button", disabled: disabled, onClick: () => handlePick(entity), children: renderRow(entity, "candidate") }, entity.id))) }))] }))] }));
+}
+//# sourceMappingURL=EntityPicker.js.map

package/dist/components/admin-picker/EntityPicker.js.map

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

package/dist/components/admin-picker/EntityPicker.styled.d.ts

@@ -0,0 +1,63 @@
+export declare const Shell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const AddButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const CancelButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const AssignedGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AssignedRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RowContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RemoveButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const Empty: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const PickerPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerHead: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const PickerList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+//# sourceMappingURL=EntityPicker.styled.d.ts.map

package/dist/components/admin-picker/EntityPicker.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPicker.styled.d.ts","sourceRoot":"","sources":["../../../src/components/admin-picker/EntityPicker.styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;yGAIjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,KAAK;;;iHAOjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAuBrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;UAGxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAavB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAMtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;qHAmBxB,CAAC;AAEF,eAAO,MAAM,KAAK;;;qHAOjB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAGtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAavB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAMtB,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAwBrB,CAAC"}

package/dist/components/admin-picker/EntityPicker.styled.js

@@ -0,0 +1,162 @@
+import styled from "@emotion/styled";
+export const Shell = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`;
+export const HeaderRow = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+`;
+export const Title = styled.h3 `
+  margin: 0;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: var(--o-text-muted, #64748b);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+`;
+export const AddButton = styled.button `
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--o-cyan, #0891b2);
+  background: var(--o-cyan-soft, rgba(8, 145, 178, 0.12));
+  border: 1px solid var(--o-border, rgba(15, 23, 42, 0.12));
+  border-radius: 8px;
+  padding: 6px 12px;
+  cursor: pointer;
+  transition:
+    color 160ms ease,
+    border-color 160ms ease,
+    background-color 160ms ease;
+
+  &:hover:not(:disabled) {
+    border-color: var(--o-border-focus, rgba(8, 145, 178, 0.45));
+    filter: brightness(1.1);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+export const CancelButton = styled(AddButton) `
+  color: var(--o-text-muted, #64748b);
+  background: var(--o-surface-2, rgba(15, 23, 42, 0.04));
+`;
+export const AssignedGrid = styled.div `
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 10px;
+`;
+export const AssignedRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 12px;
+  border: 1px solid var(--o-border, rgba(15, 23, 42, 0.12));
+  border-radius: 10px;
+  background: var(--o-surface-section, #fff);
+  min-width: 0;
+
+  &:hover {
+    border-color: var(--o-border-focus, rgba(8, 145, 178, 0.45));
+  }
+`;
+export const RowContent = styled.div `
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`;
+export const RemoveButton = styled.button `
+  font-size: 0.75rem;
+  color: var(--o-text-muted, #64748b);
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 4px 10px;
+  cursor: pointer;
+
+  &:hover:not(:disabled) {
+    color: var(--o-danger, #dc2626);
+    border-color: color-mix(in srgb, var(--o-danger, #dc2626) 40%, transparent);
+    background: color-mix(in srgb, var(--o-danger, #dc2626) 10%, transparent);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: wait;
+  }
+`;
+export const Empty = styled.p `
+  margin: 0;
+  padding: 12px 14px;
+  border: 1px dashed var(--o-border, rgba(15, 23, 42, 0.14));
+  border-radius: 10px;
+  color: var(--o-text-muted, #64748b);
+  font-size: 0.8125rem;
+`;
+export const PickerPanel = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 12px;
+  border: 1px solid var(--o-border, rgba(15, 23, 42, 0.12));
+  border-radius: 10px;
+  background: var(--o-surface-1, rgba(15, 23, 42, 0.02));
+`;
+export const PickerHead = styled.div `
+  display: flex;
+  gap: 8px;
+`;
+export const PickerInput = styled.input `
+  flex: 1;
+  font-size: 0.875rem;
+  color: var(--o-text, #0f172a);
+  background: var(--o-surface-2, #fff);
+  border: 1px solid var(--o-border, rgba(15, 23, 42, 0.12));
+  border-radius: 8px;
+  padding: 8px 12px;
+
+  &:focus {
+    border-color: var(--o-border-focus, rgba(8, 145, 178, 0.45));
+    outline: none;
+  }
+`;
+export const PickerList = styled.div `
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 6px;
+  max-height: 320px;
+  overflow-y: auto;
+`;
+export const PickerRow = styled.button `
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  border: 1px solid var(--o-border, rgba(15, 23, 42, 0.12));
+  border-radius: 8px;
+  background: var(--o-surface-2, #fff);
+  cursor: pointer;
+  text-align: left;
+  min-width: 0;
+  transition:
+    border-color 160ms ease,
+    background-color 160ms ease;
+
+  &:hover:not(:disabled) {
+    border-color: var(--o-cyan, #0891b2);
+    background: var(--o-cyan-soft, rgba(8, 145, 178, 0.08));
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: wait;
+  }
+`;
+//# sourceMappingURL=EntityPicker.styled.js.map

package/dist/components/admin-picker/EntityPicker.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPicker.styled.js","sourceRoot":"","sources":["../../../src/components/admin-picker/EntityPicker.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;CAG5C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAapC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;CAmBxC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQpC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;CAatC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwBrC,CAAC"}

package/dist/components/admin-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { EntityPicker } from "./EntityPicker";
+export type { EntityPickerEntity, EntityPickerProps } from "./EntityPicker";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/admin-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/admin-picker/index.js

@@ -0,0 +1,2 @@
+export { EntityPicker } from "./EntityPicker";
+//# sourceMappingURL=index.js.map

package/dist/components/admin-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/admin-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,5 @@
+import { AlertProps, AlertTitleProps } from "@mui/material";
+export type { AlertProps, AlertTitleProps };
+export declare const Alert: (props: AlertProps) => import("react").JSX.Element;
+export declare const AlertTitle: (props: AlertTitleProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAEV,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;AAE5C,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAA4B,CAAC;AAEpE,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAEhD,CAAC"}

package/dist/components/alert/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert as MuiAlert, AlertTitle as MuiAlertTitle, } from "@mui/material";
+export const Alert = (props) => _jsx(MuiAlert, { ...props });
+export const AlertTitle = (props) => (_jsx(MuiAlertTitle, { ...props }));
+//# sourceMappingURL=index.js.map

package/dist/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,KAAK,IAAI,QAAQ,EAEjB,UAAU,IAAI,aAAa,GAE5B,MAAM,eAAe,CAAC;AAIvB,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AAEpE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CACpD,KAAC,aAAa,OAAK,KAAK,GAAI,CAC7B,CAAC"}

package/dist/components/animated-blobs/index.d.ts

@@ -0,0 +1,29 @@
+export { BlobLayer, Blob, GradientOverlay, BlobWrapper } from "./styled";
+export declare const DropShape: () => import("react").JSX.Element;
+export declare const LemonShape: () => import("react").JSX.Element;
+export declare const PillowShape: () => import("react").JSX.Element;
+export declare const CircleShape: () => import("react").JSX.Element;
+export type BlobShape = "drop" | "lemon" | "pillow" | "circle";
+export interface BlobConfig {
+    shape: BlobShape;
+    size: number;
+    top: string;
+    left: string;
+    color: string;
+    delay?: number;
+    animationIndex?: number;
+}
+export declare enum BlobTheme {
+    Light = "light",
+    Dark = "dark"
+}
+export interface AnimatedBlobsProps {
+    theme?: BlobTheme;
+    baseColor?: string;
+    blobs?: BlobConfig[];
+    showOverlay?: boolean;
+    maxElements?: number;
+}
+export declare function AnimatedBlobs({ theme, baseColor, blobs, showOverlay, maxElements, }: AnimatedBlobsProps): import("react").JSX.Element;
+export default AnimatedBlobs;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/animated-blobs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/animated-blobs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAItB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAIvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA0KD,wBAAgB,aAAa,CAAC,EAC5B,KAAsB,EACtB,SAAS,EACT,KAAK,EACL,WAAkB,EAClB,WAAW,GACZ,EAAE,kBAAkB,+BAyBpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/animated-blobs/index.js

@@ -0,0 +1,187 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Color } from "@snokam/ui/theme";
+import { BlobLayer, Blob, GradientOverlay } from "./styled";
+export { BlobLayer, Blob, GradientOverlay, BlobWrapper } from "./styled";
+export const DropShape = () => (_jsx("svg", { viewBox: "0 0 1080 1080", children: _jsx("path", { d: "M540,0h540V540c0,298.03-241.97,540-540,540h0C241.96,1080,0,838.04,0,540H0C0,241.97,241.97,0,540,0Z" }) }));
+export const LemonShape = () => (_jsx("svg", { viewBox: "0 0 1080 1080", children: _jsx("path", { d: "M540,0h540V540c0,298.04-241.97,540-540,540H0V540C0,241.97,241.97,0,540,0Z" }) }));
+export const PillowShape = () => (_jsx("svg", { viewBox: "0 0 1080 1080", children: _jsx("path", { d: "M540,0h540V1080s0,0,0,0H0V540C0,241.97,241.97,0,540,0Z" }) }));
+export const CircleShape = () => (_jsx("svg", { viewBox: "0 0 1080 1080", children: _jsx("circle", { cx: "540", cy: "540", r: "540" }) }));
+export var BlobTheme;
+(function (BlobTheme) {
+    BlobTheme["Light"] = "light";
+    BlobTheme["Dark"] = "dark";
+})(BlobTheme || (BlobTheme = {}));
+const ShapeComponent = ({ shape }) => {
+    switch (shape) {
+        case "drop":
+            return _jsx(DropShape, {});
+        case "lemon":
+            return _jsx(LemonShape, {});
+        case "pillow":
+            return _jsx(PillowShape, {});
+        case "circle":
+            return _jsx(CircleShape, {});
+    }
+};
+const darkBlobs = [
+    {
+        shape: "drop",
+        size: 600,
+        top: "-5%",
+        left: "-10%",
+        color: Color.Blue,
+        delay: 0,
+        animationIndex: 1,
+    },
+    {
+        shape: "lemon",
+        size: 500,
+        top: "50%",
+        left: "70%",
+        color: Color.DarkGreen,
+        delay: -3,
+        animationIndex: 2,
+    },
+    {
+        shape: "pillow",
+        size: 450,
+        top: "60%",
+        left: "-5%",
+        color: "#1a4d8c",
+        delay: -6,
+        animationIndex: 3,
+    },
+    {
+        shape: "circle",
+        size: 350,
+        top: "10%",
+        left: "75%",
+        color: Color.LightGreen,
+        delay: -2,
+        animationIndex: 1,
+    },
+    {
+        shape: "drop",
+        size: 250,
+        top: "70%",
+        left: "50%",
+        color: Color.Blue,
+        delay: -4,
+        animationIndex: 2,
+    },
+    {
+        shape: "lemon",
+        size: 200,
+        top: "20%",
+        left: "40%",
+        color: "#0d3a6e",
+        delay: -8,
+        animationIndex: 3,
+    },
+    {
+        shape: "circle",
+        size: 150,
+        top: "40%",
+        left: "85%",
+        color: Color.DarkGreen,
+        delay: -5,
+        animationIndex: 1,
+    },
+    {
+        shape: "pillow",
+        size: 180,
+        top: "80%",
+        left: "80%",
+        color: "#2563a8",
+        delay: -7,
+        animationIndex: 2,
+    },
+];
+const lightBlobs = [
+    {
+        shape: "drop",
+        size: 600,
+        top: "-5%",
+        left: "-10%",
+        color: "#5ba3d9",
+        delay: 0,
+        animationIndex: 1,
+    },
+    {
+        shape: "lemon",
+        size: 500,
+        top: "50%",
+        left: "70%",
+        color: "#4db882",
+        delay: -3,
+        animationIndex: 2,
+    },
+    {
+        shape: "pillow",
+        size: 450,
+        top: "60%",
+        left: "-5%",
+        color: "#7bb8e0",
+        delay: -6,
+        animationIndex: 3,
+    },
+    {
+        shape: "circle",
+        size: 350,
+        top: "10%",
+        left: "75%",
+        color: "#5cc99a",
+        delay: -2,
+        animationIndex: 1,
+    },
+    {
+        shape: "drop",
+        size: 250,
+        top: "70%",
+        left: "50%",
+        color: "#5ba3d9",
+        delay: -4,
+        animationIndex: 2,
+    },
+    {
+        shape: "lemon",
+        size: 200,
+        top: "20%",
+        left: "40%",
+        color: "#6aafd8",
+        delay: -8,
+        animationIndex: 3,
+    },
+    {
+        shape: "circle",
+        size: 150,
+        top: "40%",
+        left: "85%",
+        color: "#4db882",
+        delay: -5,
+        animationIndex: 1,
+    },
+    {
+        shape: "pillow",
+        size: 180,
+        top: "80%",
+        left: "80%",
+        color: "#7ec4eb",
+        delay: -7,
+        animationIndex: 2,
+    },
+];
+const themeConfig = {
+    [BlobTheme.Dark]: { blobs: darkBlobs, baseColor: Color.DarkBlue },
+    [BlobTheme.Light]: { blobs: lightBlobs, baseColor: Color.LightBlue },
+};
+export function AnimatedBlobs({ theme = BlobTheme.Dark, baseColor, blobs, showOverlay = true, maxElements, }) {
+    const config = themeConfig[theme];
+    const allBlobs = blobs ?? config.blobs;
+    const resolvedBlobs = maxElements ? allBlobs.slice(0, maxElements) : allBlobs;
+    const resolvedBaseColor = baseColor ?? config.baseColor;
+    return (_jsxs(_Fragment, { children: [_jsx(BlobLayer, { children: resolvedBlobs.map((blob, index) => (_jsx(Blob, { size: blob.size, top: blob.top, left: blob.left, color: blob.color, delay: blob.delay, animationIndex: blob.animationIndex, children: _jsx(ShapeComponent, { shape: blob.shape }) }, index))) }), showOverlay && _jsx(GradientOverlay, { baseColor: resolvedBaseColor })] }));
+}
+export default AnimatedBlobs;
+//# sourceMappingURL=index.js.map

package/dist/components/animated-blobs/index.js.map

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

package/dist/components/animated-blobs/styled.d.ts

@@ -0,0 +1,26 @@
+export declare const BlobLayer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Blob: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: number;
+    top: string;
+    left: string;
+    color: string;
+    delay?: number;
+    animationIndex?: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GradientOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    baseColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BlobWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/animated-blobs/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/animated-blobs/styled.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;UACT,MAAM;SACP,MAAM;UACL,MAAM;WACL,MAAM;YACL,MAAM;qBACG,MAAM;yGAuCxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;eAA2B,MAAM;yGAU5D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAOvB,CAAC"}