@sk-web-gui/core 2.2.2 → 2.4.0

package/dist/types/user-menu/src/user-menu.d.ts

@@ -0,0 +1,32 @@
+import { Avatar } from '@sk-web-gui/avatar';
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface MenuItemGroup {
+    label: string;
+    elements: {
+        label: string;
+        element: () => JSX.Element;
+    }[];
+}
+export interface UserMenuProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    menuTitle?: string;
+    menuSubTitle?: string;
+    initials?: string;
+    image?: string;
+    imageAlt?: string;
+    placeholderImage?: string;
+    imageElem?: React.ReactElement;
+    menuGroups: MenuItemGroup[];
+    /**
+     * Size of avatar button
+     * @default lg
+     */
+    buttonSize?: React.ComponentProps<typeof Avatar>['size'];
+    /**
+     * If avatar button should be rounded
+     * @default true
+     */
+    buttonRounded?: React.ComponentProps<typeof Avatar>['rounded'];
+}
+export declare const UserMenu: React.ForwardRefExoticComponent<Omit<UserMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default UserMenu;

package/dist/types/user-menu/stories/user-menu.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UserMenuProps } from '@sk-web-gui/react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<UserMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/utils/src/assertion.d.ts

@@ -0,0 +1,5 @@
+import { Dict } from './types';
+export declare function isArray<T>(value: any): value is Array<T>;
+export declare function isObject(value: any): value is Dict;
+export declare const __DEV__: boolean;
+export declare const __REACT_NAME__: 'displayName' | 'name';

package/dist/types/utils/src/children.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Gets only the valid children of a component,
+ * and ignores any nullish or falsy child.
+ *
+ * @param children the children
+ */
+export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];

package/dist/types/utils/src/color.d.ts

@@ -0,0 +1,10 @@
+import type { Color } from 'color-string';
+export declare function hsl2rgb(h: number, s: number, l: number): [number, number, number];
+export declare function hwb2rgb(h: number, w: number, b: number): [number, number, number];
+export declare function toRGBA(color: string): Color | undefined;
+export declare function toRGB(color: string): number[] | undefined;
+export declare function toColor(colorStr: string): {
+    color: string;
+    opacity: string;
+};
+export declare const rgbStringToHex: (rgbString: string) => string;

package/dist/types/utils/src/index.d.ts

@@ -0,0 +1,20 @@
+import cx from 'clsx';
+export * from './types';
+export type * from './types';
+export * from './color';
+export type * from './color';
+export * from './assertion';
+export type * from './assertion';
+export * from './walk-object';
+export type * from './walk-object';
+export * from './object';
+export type * from './object';
+export * from './children';
+export type * from './children';
+export * from './refs';
+export type * from './refs';
+export * from './slug';
+export type * from './slug';
+export * from './use-on-element-outside';
+export type * from './use-on-element-outside';
+export { cx };

package/dist/types/utils/src/object.d.ts

@@ -0,0 +1,6 @@
+import type { Dict } from './types';
+export declare function omit<T extends Dict, K extends keyof T>(object: T, keys: K[]): Omit<T, K>;
+export declare function pick<T extends Dict, K extends keyof T>(object: T, keys: K[]): { [P in K]: T[P]; };
+export declare function deepmerge<T1, T2>(target: Partial<T1> & any, source: Partial<T2> & any, options?: {
+    clone: boolean;
+}): any;

package/dist/types/utils/src/refs.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
+export declare function setRef<T = any>(ref: ReactRef<T> | undefined, value: T): void;
+export declare function useForkRef<T = any>(refA: ReactRef<T> | undefined, refB: ReactRef<T> | undefined): ((refValue: T) => void) | null;
+export {};

package/dist/types/utils/src/slug.d.ts

@@ -0,0 +1 @@
+export declare const toSlug: (str: string) => string;

package/dist/types/utils/src/types.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+export type Dict<T = any> = Record<string, T>;
+export type CSSMap = Dict<{
+    value: string;
+    var: string;
+    varRef: string;
+}>;
+export type WithCSSVar<T> = T & {
+    __cssVars: Dict;
+    __cssMap: CSSMap;
+};
+export type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+export interface DefaultProps {
+    className?: string;
+}
+export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+type AsProp<C extends React.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+export type ExtendableProps<ExtendedProps = object, OverrideProps = object> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+export type InheritableElementProps<C extends React.ElementType, Props = object> = ExtendableProps<PropsOf<C>, Props>;
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+export type PolymorphicComponentProps<C extends React.ElementType, Props = object> = InheritableElementProps<C, Props & AsProp<C>>;
+/** * Utility type to extract the `ref` prop from a polymorphic component */
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+/** * A wrapper of `PolymorphicComponentProps` that also includes the `ref` * prop for the polymorphic component */
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+/** Custom onChange event, used to return a simulated change from component to e.g. react-hook-form */
+export interface CustomOnChangeEvent<TValue = string | string[], TElement = HTMLInputElement> extends Omit<React.ChangeEvent<TElement>, 'target'> {
+    target: {
+        value: TValue;
+        name: string;
+    };
+}
+export {};

package/dist/types/utils/src/use-on-element-outside.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export interface UseOnElementOutsideOptions {
+    /**
+     * Extra space added to width and height of the reference element.
+     * If added, the callback will return true this amount of pixles
+     * before it is actually outside of the window.
+     * @default 0
+     */
+    padding?: number;
+    /**
+     * Adds an eventlistener to the window that checks the values on scroll.
+     * @default true
+     */
+    updateOnScroll?: boolean;
+    /**
+     * Adds an eventlistener to the window that checks the values on resize.
+     * @default true
+     */
+    updateOnResize?: boolean;
+    /**
+     * Time to delay scroll and resize values in ms.
+     * @default 50
+     */
+    delay?: number;
+}
+type Callback = (callbackProperties: {
+    /** Returns true if any part of the element is outside any part of the window */
+    isOutside: boolean;
+    /** Returns true if any part of the element is outside the top of the window */
+    isOutsideTop: boolean;
+    /** Returns true if any part of the element is outside the bottom of the window */
+    isOutsideBottom: boolean;
+    /** Returns true if any part of the element is outside the left of the window */
+    isOutsideLeft: boolean;
+    /** Returns true if any part of the element is outside the right of the window */
+    isOutsideRight: boolean;
+}) => void;
+export declare const useOnElementOutside: (ref: React.RefObject<HTMLElement>, callback: Callback, dependencies: React.DependencyList, options?: UseOnElementOutsideOptions) => void;
+export {};

package/dist/types/utils/src/walk-object.d.ts

@@ -0,0 +1,5 @@
+export type WalkObjectPredicate<Leaf = unknown> = (value: unknown, path: string[]) => Leaf;
+export type MappedLeavesObject<Obj, LeafType> = {
+    [Prop in keyof Obj]: Obj[Prop] extends Array<any> ? MappedLeavesObject<Obj[Prop][number], LeafType>[] : Obj[Prop] extends object ? MappedLeavesObject<Obj[Prop], LeafType> : LeafType;
+};
+export declare function walkObject<Target, LeafType>(target: Target, predicate: WalkObjectPredicate<LeafType>): MappedLeavesObject<Target, ReturnType<WalkObjectPredicate<LeafType>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "2.2.2",
+  "version": "2.4.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "@sk-web-gui/theme": "1.1.0",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "cb6610482c04fc09fec9c969fe103a0b3d0c7e42"
+  "gitHead": "d59ecf53c535ad7b3b251357360a33c75930f6c8"
 }

package/dist/cjs/components/alert-banner.js

@@ -1,26 +0,0 @@
-module.exports = Modal = function Modal() {
-  return {
-    '.alert-banner': {
-      '@apply p-md': {},
-      '&-content': {
-        '@apply w-full m-auto flex': {},
-        '&-wrapper': {
-          '@apply flex-grow flex': {}
-        }
-      },
-      '&-icon': {
-        '@apply mr-[10px]': {}
-      },
-      '&-children': {
-        '@apply w-full underline inline-block max-w-[800px] text-body text-base': {}
-      },
-      '&-close': {
-        '@apply p-4 -m-4 flex flex-col': {}
-      }
-    },
-    '.tab': {
-      '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
-    }
-  };
-};
-//# sourceMappingURL=alert-banner.js.map

package/dist/cjs/components/alert-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,mGAAmG,EAAE,CAAC;IACxG;EAEF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/calendar.js

@@ -1,67 +0,0 @@
-module.exports = Calendar = function Calendar() {
-  return {
-    // Month row
-    '.MuiCalendarPicker-root > div:first-of-type': {
-      '@apply ml-2 -mr-2 px-10': {}
-    },
-    // Month
-    '.MuiCalendarPicker-root > div:first-of-type > div': {
-      '@apply font-bold text-base text-body': {}
-    },
-    // Arrow switchers
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
-      '@apply text-body text-lg': {}
-    },
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
-      '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
-    },
-    // Arrow spacer
-    '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
-      '@apply w-11': {}
-    },
-    // Disabled arrow
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
-      '@apply text-gray-stroke': {}
-    },
-    // Weekdays
-    '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
-      '@apply font-bold text-body text-base': {}
-    },
-    // Days-Grid
-    '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
-      '@apply min-h-min pb-6': {}
-    },
-    // Day picking
-    '.MuiCalendarPicker-root .MuiPickersDay-root': {
-      '@apply text-base': {}
-    },
-    '.MuiCalendarPicker-root .Mui-disabled': {
-      '@apply text-gray-stroke': {}
-    },
-    // Day picked
-    '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
-      '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
-    },
-    // Day hovered
-    '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
-      '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
-    },
-    // today
-    '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
-      '@apply border-0 hover:border': {}
-    },
-    '.calendar': {
-      // Input field
-      '.datepicker-input': {
-        '@apply relative': {}
-      },
-      '.datepicker-input input': {
-        '@apply pl-20 cursor-pointer': {}
-      },
-      '.datepicker-input-icon': {
-        '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=calendar.js.map

package/dist/cjs/components/calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.js","names":["module","exports","Calendar"],"sources":["../../../src/components/calendar.js"],"sourcesContent":["module.exports = Calendar = () => ({\r\n  // Month row\r\n  '.MuiCalendarPicker-root > div:first-of-type': {\r\n    '@apply ml-2 -mr-2 px-10': {},\r\n  },\r\n\r\n  // Month\r\n  '.MuiCalendarPicker-root > div:first-of-type > div': {\r\n    '@apply font-bold text-base text-body': {},\r\n  },\r\n\r\n  // Arrow switchers\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\r\n    '@apply text-body text-lg': {},\r\n  },\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\r\n    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\r\n      {},\r\n  },\r\n  // Arrow spacer\r\n  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\r\n    '@apply w-11': {},\r\n  },\r\n  // Disabled arrow\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Weekdays\r\n  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\r\n    '@apply font-bold text-body text-base': {},\r\n  },\r\n\r\n  // Days-Grid\r\n  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\r\n    '@apply min-h-min pb-6': {},\r\n  },\r\n\r\n  // Day picking\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root': {\r\n    '@apply text-base': {},\r\n  },\r\n  '.MuiCalendarPicker-root .Mui-disabled': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Day picked\r\n  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\r\n    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\r\n      {},\r\n  },\r\n\r\n  // Day hovered\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\r\n      {},\r\n  },\r\n\r\n  // today\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-0 hover:border': {},\r\n  },\r\n\r\n  '.calendar': {\r\n    // Input field\r\n    '.datepicker-input': {\r\n      '@apply relative': {},\r\n    },\r\n\r\n    '.datepicker-input input': {\r\n      '@apply pl-20 cursor-pointer': {},\r\n    },\r\n\r\n    '.datepicker-input-icon': {\r\n      '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC;IACA,6CAA6C,EAAE;MAC7C,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,mDAAmD,EAAE;MACnD,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,kFAAkF,EAAE;MAClF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,iEAAiE,EAAE;MACjE,iLAAiL,EAC/K,CAAC;IACL,CAAC;IACD;IACA,yDAAyD,EAAE;MACzD,aAAa,EAAE,CAAC;IAClB,CAAC;IACD;IACA,4FAA4F,EAAE;MAC5F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,uEAAuE,EAAE;MACvE,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,+DAA+D,EAAE;MAC/D,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,6CAA6C,EAAE;MAC7C,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,uCAAuC,EAAE;MACvC,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,6EAA6E,EAAE;MAC7E,oHAAoH,EAClH,CAAC;IACL,CAAC;IAED;IACA,8GAA8G,EAAE;MAC9G,gHAAgH,EAC9G,CAAC;IACL,CAAC;IAED;IACA,iEAAiE,EAAE;MACjE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,WAAW,EAAE;MACX;MACA,mBAAmB,EAAE;QACnB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,yBAAyB,EAAE;QACzB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,wBAAwB,EAAE;QACxB,4FAA4F,EAAE,CAAC;MACjG;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/comments.js

@@ -1,32 +0,0 @@
-module.exports = Comments = function Comments() {
-  return {
-    '.comment-header': {
-      '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {}
-    },
-    '.comment-item': {
-      '@apply w-full': {},
-      '&-container': {
-        '@apply flex justify-between relative': {},
-        '&-textpic': {
-          '@apply flex gap-2': {}
-        }
-      },
-      '&-text': {
-        '@apply text-base font-bold mx-0 mb-0 mt-4': {}
-      },
-      '&-commentorpublished': {
-        '@apply float-right text-neutral-600 m-0': {}
-      }
-    },
-    '.comment-input': {
-      '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
-      '&-inactive': {
-        '@apply text-neutral-300 !text-3xl': {}
-      },
-      '&-active': {
-        '@apply text-primary !text-3xl': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=comments.js.map

package/dist/cjs/components/comments.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n    '.comment-header': {\r\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n    },\r\n\r\n    '.comment-item':{\r\n        '@apply w-full': {},\r\n\r\n        '&-container': {\r\n            '@apply flex justify-between relative': {},\r\n\r\n            '&-textpic': {\r\n                '@apply flex gap-2': {},\r\n            },\r\n        },\r\n        '&-text': {\r\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n        },\r\n        '&-commentorpublished': {\r\n            '@apply float-right text-neutral-600 m-0': {},\r\n        },\r\n    },\r\n    '.comment-input':{\r\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n        '&-inactive': {\r\n            '@apply text-neutral-300 !text-3xl': {},\r\n        },\r\n\r\n        '&-active': {\r\n            '@apply text-primary !text-3xl': {},\r\n        }\r\n\r\n    },\r\n\r\n   \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1C,WAAW,EAAE;UACT,mBAAmB,EAAE,CAAC;QAC1B;MACJ,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}

package/dist/cjs/components/context-menu.js

@@ -1,13 +0,0 @@
-module.exports = ContextMenu = function ContextMenu() {
-  return {
-    '.context-menu-wrapper': {
-      '.context-menu-items': {
-        '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
-        '.context-menu-item': {
-          '@apply px-sm': {}
-        }
-      }
-    }
-  };
-};
-//# sourceMappingURL=context-menu.js.map

package/dist/cjs/components/context-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,qBAAqB,EAAE;QACrB,8HAA8H,EAC5H,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,cAAc,EAAE,CAAC;QACnB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/dropdown-filter.js

@@ -1,60 +0,0 @@
-module.exports = DropdownFilter = function DropdownFilter() {
-  return {
-    '.dropdown-filter': {
-      position: 'relative',
-      height: 50,
-      border: '1px solid #939393',
-      display: 'flex',
-      background: '#fff',
-      borderRadius: 2,
-      '.dropdown-button': {
-        '@apply flex justify-between items-center  grow': {},
-        '.dropdown-button-icon': {
-          '@apply justify-self-end grow-0': {}
-        }
-      },
-      '.filter-container': {
-        position: 'absolute',
-        top: '100%',
-        left: '-1px',
-        zIndex: 10,
-        width: 'calc(100% + 2px)',
-        background: '#fff',
-        border: '1px solid #939393',
-        borderRadius: 2,
-        '.filter-controls': {
-          display: 'flex',
-          justifyContent: 'flex-end',
-          button: {
-            marginLeft: '1rem',
-            textDecoration: 'underline'
-          }
-        },
-        '.filter-item': {
-          '@apply px-md': {},
-          height: 48,
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          borderBottom: '1px solid #939393',
-          '> label': {
-            '@apply w-full': {},
-            '> .form-checkbox-label': {
-              '@apply flex-grow': {}
-            }
-          },
-          '&.disabled': {
-            color: '#939393'
-          },
-          '&:first-of-type': {
-            borderTop: '1px solid #939393'
-          },
-          '&:last-child': {
-            borderBottom: 'none'
-          }
-        }
-      }
-    }
-  };
-};
-//# sourceMappingURL=dropdown-filter.js.map

package/dist/cjs/components/dropdown-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n  '.dropdown-filter': {\r\n    position: 'relative',\r\n    height: 50,\r\n    border: '1px solid #939393',\r\n    display: 'flex',\r\n    background: '#fff',\r\n    borderRadius: 2,\r\n\r\n    '.dropdown-button': {\r\n      '@apply flex justify-between items-center  grow': {},\r\n      '.dropdown-button-icon': {\r\n        '@apply justify-self-end grow-0': {},\r\n      },\r\n    },\r\n\r\n    '.filter-container': {\r\n      position: 'absolute',\r\n      top: '100%',\r\n      left: '-1px',\r\n      zIndex: 10,\r\n      width: 'calc(100% + 2px)',\r\n      background: '#fff',\r\n      border: '1px solid #939393',\r\n      borderRadius: 2,\r\n\r\n      '.filter-controls': {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        button: {\r\n          marginLeft: '1rem',\r\n          textDecoration: 'underline',\r\n        },\r\n      },\r\n\r\n      '.filter-item': {\r\n        '@apply px-md': {},\r\n        height: 48,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        borderBottom: '1px solid #939393',\r\n\r\n        '> label': {\r\n          '@apply w-full': {},\r\n\r\n          '> .form-checkbox-label': {\r\n            '@apply flex-grow': {},\r\n          },\r\n        },\r\n\r\n        '&.disabled': {\r\n          color: '#939393',\r\n        },\r\n\r\n        '&:first-of-type': {\r\n          borderTop: '1px solid #939393',\r\n        },\r\n\r\n        '&:last-child': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,mBAAmB;MAC3BC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClB,gDAAgD,EAAE,CAAC,CAAC;QACpD,uBAAuB,EAAE;UACvB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,mBAAmB,EAAE;QACnBL,QAAQ,EAAE,UAAU;QACpBM,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE,EAAE;QACVC,KAAK,EAAE,kBAAkB;QACzBL,UAAU,EAAE,MAAM;QAClBF,MAAM,EAAE,mBAAmB;QAC3BG,YAAY,EAAE,CAAC;QAEf,kBAAkB,EAAE;UAClBF,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,UAAU;UAC1BC,MAAM,EAAE;YACNC,UAAU,EAAE,MAAM;YAClBC,cAAc,EAAE;UAClB;QACF,CAAC;QAED,cAAc,EAAE;UACd,cAAc,EAAE,CAAC,CAAC;UAClBZ,MAAM,EAAE,EAAE;UACVE,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,eAAe;UAC/BI,UAAU,EAAE,QAAQ;UACpBC,YAAY,EAAE,mBAAmB;UAEjC,SAAS,EAAE;YACT,eAAe,EAAE,CAAC,CAAC;YAEnB,wBAAwB,EAAE;cACxB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,YAAY,EAAE;YACZC,KAAK,EAAE;UACT,CAAC;UAED,iBAAiB,EAAE;YACjBC,SAAS,EAAE;UACb,CAAC;UAED,cAAc,EAAE;YACdF,YAAY,EAAE;UAChB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/message.js

@@ -1,52 +0,0 @@
-module.exports = Message = function Message() {
-  return {
-    '.message': {
-      '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
-      '@apply text-body bg-white border-l-4': {},
-      // dark
-      '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
-      '&-text': {
-        '@apply text-left flex-grow': {}
-      },
-      '&-info': {
-        '@apply border-info': {},
-        '.message-icon': {
-          '@apply text-info': {}
-        }
-      },
-      '&-success': {
-        '@apply border-success': {},
-        '.message-icon': {
-          '@apply text-success': {}
-        }
-      },
-      '&-error': {
-        '@apply border-error': {},
-        '.message-icon': {
-          '@apply text-error': {}
-        }
-      },
-      '&-warning': {
-        '@apply border-warning': {},
-        '.message-icon': {
-          '@apply text-warning': {}
-        }
-      }
-    },
-    '.message-icon': {
-      '@apply mr-4 flex-shrink-0 w-10 h-10': {}
-    },
-    '.message-close-button': {
-      '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
-      marginLeft: '0.25em',
-      marginRight: '-0.55em',
-      '&-icon': {
-        '@apply !text-xl': {}
-      },
-      '&-disabled': {
-        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=message.js.map

package/dist/cjs/components/message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n  '.message': {\r\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n    '@apply text-body bg-white border-l-4': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n    '&-text': {\r\n      '@apply text-left flex-grow': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply border-info': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-info': {},\r\n      },\r\n    },\r\n    '&-success': {\r\n      '@apply border-success': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-success': {},\r\n      },\r\n    },\r\n    '&-error': {\r\n      '@apply border-error': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-error': {},\r\n      },\r\n    },\r\n    '&-warning': {\r\n      '@apply border-warning': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-warning': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.message-icon': {\r\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n  },\r\n\r\n  '.message-close-button': {\r\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n      {},\r\n    marginLeft: '0.25em',\r\n    marginRight: '-0.55em',\r\n\r\n    '&-icon': {\r\n      '@apply !text-xl': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,UAAU,EAAE;MACV,6GAA6G,EAAE,CAAC,CAAC;MACjH,sCAAsC,EAAE,CAAC,CAAC;MAC1C;MACA,0EAA0E,EAAE,CAAC,CAAC;MAE9E,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QAExB,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,SAAS,EAAE;QACT,qBAAqB,EAAE,CAAC,CAAC;QAEzB,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF;IACF,CAAC;IAED,eAAe,EAAE;MACf,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,uBAAuB,EAAE;MACvB,wIAAwI,EACtI,CAAC,CAAC;MACJC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,SAAS;MAEtB,QAAQ,EAAE;QACR,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/notification.js

@@ -1,51 +0,0 @@
-module.exports = Notification = function Notification() {
-  return {
-    '.notification': {
-      '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
-      '@apply text-body bg-white border border-neutral-200': {},
-      // dark
-      '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
-    },
-    '.notification-icon': {
-      '@apply flex-shrink-0 w-5 h-5 mr-3': {},
-      '&-info': {
-        '--tw-text-opacity': '1',
-        color: 'rgba(59, 130, 246, var(--tw-text-opacity))'
-      },
-      '&-success': {
-        '--tw-text-opacity': '1',
-        color: 'rgba(34, 197, 94, var(--tw-text-opacity))'
-      },
-      '&-error': {
-        '--tw-text-opacity': '1',
-        color: 'rgba(239, 68, 68, var(--tw-text-opacity))'
-      },
-      '&-warning': {
-        '--tw-text-opacity': '1',
-        color: 'rgba(234, 179, 8, var(--tw-text-opacity))'
-      }
-    },
-    '.notification-content': {
-      '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
-      '&-title': {
-        '@apply font-semibold': {}
-      },
-      '&-description': {
-        '@apply text-neutral-500 dark:text-neutral-400': {}
-      }
-    },
-    '.notification-action': {
-      '@apply absolute space-x-2': {},
-      right: 16,
-      top: 16,
-      '&-undo': {
-        '@apply h-auto p-0 text-sm': {}
-      },
-      '&-close-button': {
-        '@apply cursor-base text-neutral-700 hover:text-body': {},
-        '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=notification.js.map

package/dist/cjs/components/notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,yFAAyF,EAAE,CAAC,CAAC;MAC7F,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile-picture.js

@@ -1,15 +0,0 @@
-module.exports = ProfilePicture = function ProfilePicture() {
-  return {
-    '.profile-picture': {
-      '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
-      '.profile-picture-img': {
-        '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
-      },
-      '.icon': {
-        width: '3.8rem!important',
-        height: '3.8rem!important'
-      }
-    }
-  };
-};
-//# sourceMappingURL=profile-picture.js.map

package/dist/cjs/components/profile-picture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClB,8KAA8K,EAC5K,CAAC,CAAC;MAEJ,sBAAsB,EAAE;QACtB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MACD,OAAO,EAAE;QACPC,KAAK,EAAE,kBAAkB;QACzBC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}