rotion 0.0.1 → 0.0.3

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Equation/Equation.types.d.ts

@@ -1,6 +0,0 @@
-import type { EquationRichTextItemResponse } from 'notionate-pages';
-import type { ReactNode } from 'react';
-export interface EquationProps {
-    textObject: EquationRichTextItemResponse;
-    children?: ReactNode;
-}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/Mention.types.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-import type { MentionRichTextItemResponseEx } from 'notionate-pages';
-export interface MentionProps {
-    textObject?: MentionRichTextItemResponseEx;
-    children?: ReactNode;
-}

package/dist/ui.backup/esm/types/components/Page/TextBlock/TextBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TextBlockProps } from './TextBlock.types';
-declare const TextBlock: ({ tag, block }: TextBlockProps) => React.JSX.Element;
-export default TextBlock;

package/dist/ui.backup/esm/types/components/Page/TextBlock/TextBlock.types.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { RichTextItemResponse } from 'notionate-pages';
-export interface TextBlockProps {
-    tag: keyof JSX.IntrinsicElements;
-    block: RichTextItemResponse[] | undefined;
-}

package/dist/ui.backup/esm/types/components/Page/TextBlock/index.d.ts

@@ -1,2 +0,0 @@
-import TextBlock from './TextBlock';
-export { TextBlock };

package/dist/ui.backup/esm/types/components/Page/ToDoBlock/ToDoBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ToDoBlockProps } from './ToDoBlock.types';
-declare const ToDoBlock: ({ block }: ToDoBlockProps) => React.JSX.Element;
-export default ToDoBlock;

package/dist/ui.backup/esm/types/components/Page/ToDoBlock/ToDoBlock.types.d.ts

@@ -1,4 +0,0 @@
-import type { ToDoBlockObjectResponse } from 'notionate-pages';
-export type ToDoBlockProps = {
-    block: ToDoBlockObjectResponse;
-};

package/dist/ui.backup/esm/types/components/Page/ToDoBlock/index.d.ts

@@ -1,2 +0,0 @@
-import ToDoBlock from './ToDoBlock';
-export { ToDoBlock };

package/dist/ui.backup/esm/types/components/Page/ToggleBlock/ToggleBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ToggleBlockProps } from './ToggleBlock.types';
-declare const ToggleBlock: ({ block }: ToggleBlockProps) => React.JSX.Element;
-export default ToggleBlock;

package/dist/ui.backup/esm/types/components/Page/ToggleBlock/ToggleBlock.types.d.ts

@@ -1,4 +0,0 @@
-import type { ToggleBlockObjectResponseEx } from 'notionate-pages';
-export interface ToggleBlockProps {
-    block: ToggleBlockObjectResponseEx;
-}

package/dist/ui.backup/esm/types/components/Page/ToggleBlock/index.d.ts

@@ -1,2 +0,0 @@
-import ToggleBlock from './ToggleBlock';
-export { ToggleBlock };

package/dist/ui.backup/esm/types/components/Page/VideoBlock/VideoBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { VideoBlockProps } from './VideoBlock.types';
-declare const VideoBlock: ({ block }: VideoBlockProps) => React.JSX.Element;
-export default VideoBlock;

package/dist/ui.backup/esm/types/components/Page/VideoBlock/VideoBlock.types.d.ts

@@ -1,4 +0,0 @@
-import type { VideoBlockObjectResponseEx } from 'notionate-pages';
-export interface VideoBlockProps {
-    block: VideoBlockObjectResponseEx;
-}

package/dist/ui.backup/esm/types/components/Page/VideoBlock/index.d.ts

@@ -1,2 +0,0 @@
-import VideoBlock from './VideoBlock';
-export { VideoBlock };

package/dist/ui.backup/esm/types/components/Page/index.d.ts

@@ -1,2 +0,0 @@
-import Page from './Page';
-export { Page };

package/dist/ui.backup/esm/types/components/Table/Table.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableProps } from './Table.types';
-export declare const Table: ({ keys, db, href, link, query }: TableProps) => React.JSX.Element;
-export default Table;

package/dist/ui.backup/esm/types/components/Table/Table.types.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="node" />
-import type { ReactNode } from 'react';
-import type { QueryDatabaseResponseEx } from 'notionate-pages';
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../types';
-export interface TableProps {
-    keys: string[];
-    db: QueryDatabaseResponseEx;
-    href?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
-    children?: ReactNode;
-}

package/dist/ui.backup/esm/types/components/Table/TableCheckboxField/TableCheckboxField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableCheckboxFieldProps } from './TableCheckboxField.types';
-export declare const TableCheckboxField: ({ payload }: TableCheckboxFieldProps) => React.JSX.Element;
-export default TableCheckboxField;

package/dist/ui.backup/esm/types/components/Table/TableCheckboxField/TableCheckboxField.types.d.ts

@@ -1,3 +0,0 @@
-export interface TableCheckboxFieldProps {
-    payload: boolean;
-}

package/dist/ui.backup/esm/types/components/Table/TableCheckboxField/index.d.ts

@@ -1,2 +0,0 @@
-import TableCheckboxField from './TableCheckboxField';
-export { TableCheckboxField };

package/dist/ui.backup/esm/types/components/Table/TableDateField/TableDateField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableDateFieldProps } from './TableDateField.types';
-declare const TableDateField: ({ payload }: TableDateFieldProps) => React.JSX.Element;
-export default TableDateField;

package/dist/ui.backup/esm/types/components/Table/TableDateField/TableDateField.types.d.ts

@@ -1,4 +0,0 @@
-import type { DateResponse } from 'notionate-pages';
-export interface TableDateFieldProps {
-    payload: DateResponse | null;
-}

package/dist/ui.backup/esm/types/components/Table/TableDateField/index.d.ts

@@ -1,2 +0,0 @@
-import TableDateField from './TableDateField';
-export { TableDateField };

package/dist/ui.backup/esm/types/components/Table/TableHandler.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableHandlerProps } from './TableHandler.types';
-declare const TableHandler: ({ name, items, path, slug, link, query }: TableHandlerProps) => React.JSX.Element | undefined;
-export default TableHandler;

package/dist/ui.backup/esm/types/components/Table/TableHandler.types.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="node" />
-import type { GetPagePropertyResponse } from 'notionate-pages';
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../types';
-export interface TableHandlerProps {
-    name: string;
-    items: GetPagePropertyResponse | undefined;
-    path?: string;
-    slug?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
-}

package/dist/ui.backup/esm/types/components/Table/TableIcon/TableIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableIconProps } from './TableIcon.types';
-declare const TableIcon: ({ type }: TableIconProps) => React.JSX.Element;
-export default TableIcon;

package/dist/ui.backup/esm/types/components/Table/TableIcon/TableIcon.types.d.ts

@@ -1,3 +0,0 @@
-export interface TableIconProps {
-    type: string;
-}

package/dist/ui.backup/esm/types/components/Table/TableIcon/index.d.ts

@@ -1,2 +0,0 @@
-import TableIcon from './TableIcon';
-export { TableIcon };

package/dist/ui.backup/esm/types/components/Table/TableMultiSelectField/TableMultiSelectField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableMultiSelectFieldProps } from './TableMultiSelectField.types';
-declare const TableMultiSelectField: ({ payload, path, link }: TableMultiSelectFieldProps) => React.JSX.Element;
-export default TableMultiSelectField;

package/dist/ui.backup/esm/types/components/Table/TableMultiSelectField/TableMultiSelectField.types.d.ts

@@ -1,7 +0,0 @@
-import type { MultiSelectPropertyItemObjectResponse } from 'notionate-pages';
-import type { Link } from '../../types';
-export interface TableMultiSelectFieldProps {
-    payload: MultiSelectPropertyItemObjectResponse;
-    path?: string;
-    link?: Link;
-}

package/dist/ui.backup/esm/types/components/Table/TableMultiSelectField/index.d.ts

@@ -1,2 +0,0 @@
-import TableMultiSelectField from './TableMultiSelectField';
-export { TableMultiSelectField };

package/dist/ui.backup/esm/types/components/Table/TableNumberField/TableNumberField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableNumberFieldProps } from './TableNumberField.types';
-declare const TableNumberField: ({ payload }: TableNumberFieldProps) => React.JSX.Element;
-export default TableNumberField;

package/dist/ui.backup/esm/types/components/Table/TableNumberField/TableNumberField.types.d.ts

@@ -1,4 +0,0 @@
-import type { NumberPropertyItemObjectResponse } from 'notionate-pages';
-export interface TableNumberFieldProps {
-    payload: NumberPropertyItemObjectResponse;
-}

package/dist/ui.backup/esm/types/components/Table/TableNumberField/index.d.ts

@@ -1,2 +0,0 @@
-import TableNumberField from './TableNumberField';
-export { TableNumberField };

package/dist/ui.backup/esm/types/components/Table/TablePropertyNameAndIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TablePropertyNameAndIconProps } from './TablePropertyNameAndIcon.types';
-declare const TablePropertyNameAndIcon: ({ name, db }: TablePropertyNameAndIconProps) => React.JSX.Element;
-export default TablePropertyNameAndIcon;

package/dist/ui.backup/esm/types/components/Table/TablePropertyNameAndIcon.types.d.ts

@@ -1,5 +0,0 @@
-import type { QueryDatabaseResponseEx } from 'notionate-pages';
-export interface TablePropertyNameAndIconProps {
-    name: string;
-    db: QueryDatabaseResponseEx;
-}

package/dist/ui.backup/esm/types/components/Table/TableRichTextField/TableRichTextField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableRichTextFieldProps } from './TableRichTextField.types';
-declare const TableRichTextField: ({ payload }: TableRichTextFieldProps) => React.JSX.Element;
-export default TableRichTextField;

package/dist/ui.backup/esm/types/components/Table/TableRichTextField/TableRichTextField.types.d.ts

@@ -1,4 +0,0 @@
-import type { RichTextPropertyItemObjectResponse } from 'notionate-pages';
-export interface TableRichTextFieldProps {
-    payload?: RichTextPropertyItemObjectResponse;
-}

package/dist/ui.backup/esm/types/components/Table/TableRichTextField/index.d.ts

@@ -1,2 +0,0 @@
-import TableRichTextField from './TableRichTextField';
-export { TableRichTextField };

package/dist/ui.backup/esm/types/components/Table/TableSelectField/TableSelectField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableSelectFieldProps } from './TableSelectField.types';
-declare const TableSelectField: ({ payload, path, link }: TableSelectFieldProps) => React.JSX.Element;
-export default TableSelectField;

package/dist/ui.backup/esm/types/components/Table/TableSelectField/TableSelectField.types.d.ts

@@ -1,7 +0,0 @@
-import type { SelectPropertyItemObjectResponse } from 'notionate-pages';
-import type { Link } from '../../types';
-export interface TableSelectFieldProps {
-    payload: SelectPropertyItemObjectResponse;
-    path?: string;
-    link?: Link;
-}

package/dist/ui.backup/esm/types/components/Table/TableSelectField/index.d.ts

@@ -1,2 +0,0 @@
-import TableSelectField from './TableSelectField';
-export { TableSelectField };

package/dist/ui.backup/esm/types/components/Table/TableTitleField/TableTitleField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableTitleFieldProps } from './TableTitleField.types';
-declare const TableTitleField: ({ payload, path, slug, link, query }: TableTitleFieldProps) => React.JSX.Element;
-export default TableTitleField;

package/dist/ui.backup/esm/types/components/Table/TableTitleField/TableTitleField.types.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { TitlePropertyItemObjectResponse } from 'notionate-pages';
-import type { Link } from '../../types';
-export interface TableTitleFieldProps {
-    payload: Array<TitlePropertyItemObjectResponse>;
-    path?: string;
-    slug?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
-}

package/dist/ui.backup/esm/types/components/Table/TableTitleField/index.d.ts

@@ -1,2 +0,0 @@
-import TableTitleField from './TableTitleField';
-export { TableTitleField };

package/dist/ui.backup/esm/types/components/Table/TableUrlField/TableUrlField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TableUrlFieldProps } from './TableUrlField.types';
-declare const TableUrlField: ({ payload }: TableUrlFieldProps) => React.JSX.Element;
-export default TableUrlField;

package/dist/ui.backup/esm/types/components/Table/TableUrlField/TableUrlField.types.d.ts

@@ -1,3 +0,0 @@
-export interface TableUrlFieldProps {
-    payload: string | null;
-}

package/dist/ui.backup/esm/types/components/Table/TableUrlField/index.d.ts

@@ -1,2 +0,0 @@
-import TableUrlField from './TableUrlField';
-export { TableUrlField };

package/dist/ui.backup/esm/types/components/Table/index.d.ts

@@ -1,2 +0,0 @@
-import Table from './Table';
-export { Table };

package/dist/ui.backup/esm/types/components/index.d.ts

@@ -1,56 +0,0 @@
-export * from './Gallery';
-export * from './Gallery/GalleryCard';
-export * from './Gallery/GalleryCheckboxField';
-export * from './Gallery/GalleryDateField';
-export * from './Gallery/GalleryMultiSelectField';
-export * from './Gallery/GalleryNumberField';
-export * from './Gallery/GalleryRichTextField';
-export * from './Gallery/GalleryTitleField';
-export * from './Gallery/GalleryUrlField';
-export * from './List';
-export * from './List/ListCheckboxField';
-export * from './List/ListDateField';
-export * from './List/ListMultiSelectField';
-export * from './List/ListNumberField';
-export * from './List/ListRichTextField';
-export * from './List/ListTitleField';
-export * from './List/ListUrlField';
-export * from './Table';
-export * from './Table/TableCheckboxField';
-export * from './Table/TableDateField';
-export * from './Table/TableIcon';
-export * from './Table/TableMultiSelectField';
-export * from './Table/TableNumberField';
-export * from './Table/TableRichTextField';
-export * from './Table/TableSelectField';
-export * from './Table/TableTitleField';
-export * from './Table/TableUrlField';
-export * from './Page';
-export * from './Page/BookmarkBlock';
-export * from './Page/BreadcrumbBlock';
-export * from './Page/BulletedListBlocks';
-export * from './Page/CalloutBlock';
-export * from './Page/ChildDatabaseBlock';
-export * from './Page/ChildPageBlock';
-export * from './Page/CodeBlock';
-export * from './Page/ColumnListBlock';
-export * from './Page/EmbedBlock';
-export * from './Page/EquationBlock';
-export * from './Page/FileBlock';
-export * from './Page/ImageBlock';
-export * from './Page/LinkPreviewBlock';
-export * from './Page/ListBlock';
-export * from './Page/NumberedListBlocks';
-export * from './Page/PageIcon';
-export * from './Page/PdfBlock';
-export * from './Page/SyncedBlock';
-export * from './Page/TableBlock';
-export * from './Page/TableOfContentsBlock';
-export * from './Page/TemplateBlock';
-export * from './Page/TextBlock';
-export * from './Page/TextBlock/RichText';
-export * from './Page/ToDoBlock';
-export * from './Page/ToggleBlock';
-export * from './Page/VideoBlock';
-export * from './lib';
-export * from './types';

package/dist/ui.backup/esm/types/components/lib.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import { ListBlockChildrenResponseEx } from 'notionate-pages';
-export declare function queryToString(q: ParsedUrlQueryInput | undefined): string;
-export declare const getLinkPathAndLinkKey: (link: string) => [string, string];
-export declare function UsePagination<T>(pages: T[], perPage: number): {
-    currentData(): T[];
-    next(): void;
-    currentPage: number;
-    maxPage: number;
-};
-export declare function BuildPlainTextByPage(blocks: ListBlockChildrenResponseEx): string;
-export declare function pathBasename(str: string): string;

package/dist/ui.backup/esm/types/components/types.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="node" />
-import React from 'react';
-import type { UrlObject } from 'node:url';
-export interface Link extends React.FC<{
-    children: string | React.ReactNode;
-    className?: string;
-    href: string | UrlObject;
-}> {
-}
-export interface ExternalModules {
-    mermaid?: {
-        init: (config?: {}, nodes?: string | HTMLElement, callback?: ((id: string) => unknown) | undefined) => Promise<void>;
-    };
-    prism?: {
-        highlightElement: (element: Element, async?: boolean | undefined, callback?: (element: Element) => void | undefined) => void;
-    };
-}

package/dist/ui.backup/esm/types/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/dist/ui.backup/styles/base.css

@@ -1,44 +0,0 @@
-.notionate {
-  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
-}
-
-.notionate-select-default {
-  color: rgb(50, 48, 44);
-  background-color: rgba(227, 226, 224, 0.5);
-}
-.notionate-select-gray {
-  color: rgb(50, 48, 44);
-  background-color: rgb(227, 226, 224);
-}
-.notionate-select-brown {
-  color: rgb(68, 42, 30);
-  background-color: rgb(238, 224, 218);
-}
-.notionate-select-orange {
-  color: rgb(73, 41, 14);
-  background-color: rgb(250, 222, 201);
-}
-.notionate-select-yellow {
-  color: rgb(64, 44, 27);
-  background-color: rgb(253, 236, 200);
-}
-.notionate-select-green {
-  color: rgb(28, 56, 41);
-  background-color: rgb(219, 237, 219);
-}
-.notionate-select-blue {
-  color: rgb(24, 51, 71);
-  background-color: rgb(211, 229, 239);
-}
-.notionate-select-purple {
-  color: rgb(65, 36, 84);
-  background-color: rgb(232, 222, 238);
-}
-.notionate-select-pink {
-  color: rgb(76, 35, 55);
-  background-color: rgb(245, 224, 233);
-}
-.notionate-select-red {
-  color: rgb(93, 23, 21);
-  background-color: rgb(255, 226, 221);
-}

package/dist/ui.backup/styles/gallery.css

@@ -1,172 +0,0 @@
-/* title */
-.notionate-gallery-title {
-  font-size: .9rem;
-  width: 100%;
-  padding: 10px 10px 0;
-}
-
-/* date */
-.notionate-gallery-date {
-  width: 100%;
-  padding: 8px 10px;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-/* multiselect */
-.notionate-gallery-multiselect-ul {
-  list-style-type: none;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  padding: 0 0 8px;
-  margin: 0 0 0 7px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.notionate-gallery-multiselect-li {
-  font-size: .75rem;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  min-width: 0;
-  border-radius: 3px;
-  padding: 0;
-  color: rgb(24, 51, 71);
-  background: rgb(211, 229, 239) none repeat scroll 0% 0%;
-  margin: 0 6px 0 0;
-  cursor: pointer;
-}
-.notionate-gallery-multiselect-a {
-  text-decoration: none;
-  color: inherit;
-  cursor: pointer;
-  padding: 2px 10px;
-}
-
-/* number */
-.notionate-gallery-number {
-  width: 100%;
-  padding: 0 10px 8px;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-/* richtext */
-.notionate-gallery-richtext {
-  width: 260px;
-  padding: 0 10px 8px;
-  display: block;
-  font-size: 13px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.notionate-gallery-small .notionate-gallery-richtext {
-  width: 180px;
-}
-.notionate-gallery-medium .notionate-gallery-richtext {
-  width: 260px;
-}
-.notionate-gallery-large .notionate-gallery-richtext {
-  width: 320px;
-}
-
-/* url */
-.notionate-gallery-url {
-  display: flex;
-  white-space: nowrap;
-  margin: 0 7px;
-}
-.notionate-gallery-url-a {
-  display: block;
-  text-decoration: none;
-  cursor: pointer;
-  color: inherit;
-  background: inherit;
-  margin-bottom: 2px;
-}
-.notionate-gallery-url-a:hover {
-  color: rgb(50, 48, 44);
-  background: rgb(227, 226, 224) none repeat scroll 0% 0%;
-  border-radius: 3px;
-}
-.notionate-gallery-url-chain {
-  display: inline;
-  width: 12px;
-  height: 12px;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.notionate-gallery-url-address {
-  display: inline;
-  font-size: .7rem;
-  line-height: 1.2;
-  white-space: nowrap;
-  background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);
-  background-repeat: repeat-x;
-  background-position: 0 100%;
-  background-size: 100% 1px;
-}
-
-/* gallery */
-.notionate-gallery-inner {
-  position: relative;
-  padding-bottom: 1rem;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  gap: 16px;
-}
-.notionate-gallery-small {
-  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-}
-.notionate-gallery-medium {
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-}
-.notionate-gallery-large {
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-}
-.notionate-gallery-fit img {
-  object-fit: contain;
-  object-position: center 50%;
-  border-bottom: 1px solid rgba(55, 53, 47, 0.09);
-}
-.notionate-gallery-fit .notionate-gallery-small img {
-  height: 101.25px;
-}
-.notionate-gallery-fit .notionate-gallery-medium img {
-  height: 146.25px;
-}
-.notionate-gallery-fit .notionate-gallery-large img {
-  height: 180px;
-}
-.notionate-gallery-card {
-  display: block;
-  color: inherit;
-  text-decoration: none;
-  box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 2px 4px;
-  border-radius: 3px;
-  background: white;
-  overflow: hidden;
-  transition: background 100ms ease-out 0s;
-  position: static;
-  height: 100%;
-  cursor: pointer;
-}
-.notionate-gallery-card:hover {
-  background: rgba(55, 53, 47, 0.03);
-}
-.notionate-gallery-card-text {
-  padding-bottom: 10px;
-}
-.notionate-gallery-preview {
-  aspect-ratio: 16 / 9;
-  overflow: hidden;
-}
-.notionate-gallery-preview img {
-  width: 100%;
-}