@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/presentation/PersonAvatar.js

@@ -0,0 +1,89 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const SIZES = {
+    xtiny: 16,
+    tiny: 24,
+    small: 48,
+    large: 96,
+    xlarge: 192
+};
+const getInitials = (name)=>{
+    const names = name.trim().split(/[\s-]+/);
+    return names.length <= 3 ? names.map((name)=>[
+            ...name
+        ][0]).join("") : [
+        ...names[0]
+    ][0] + [
+        ...names[names.length - 1]
+    ][0];
+};
+const PersonAvatar = ({ id, size = "large", name, imageUrl, children, hue })=>{
+    const [showProfile, setShowProfile] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+                style: {
+                    cursor: children ? "pointer" : "inherit"
+                },
+                width: SIZES[size],
+                height: SIZES[size],
+                viewBox: "0 0 96 96",
+                onClick: children ? ()=>{
+                    setShowProfile(true);
+                } : void 0,
+                children: imageUrl ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("defs", {
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("pattern", {
+                                id: `${id}-pattern`,
+                                patternUnits: "userSpaceOnUse",
+                                width: "96",
+                                height: "96",
+                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("image", {
+                                    href: imageUrl,
+                                    height: "96",
+                                    width: "96",
+                                    preserveAspectRatio: "xMidYMid slice"
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
+                            cx: "48",
+                            cy: "48",
+                            r: "48",
+                            fill: "none"
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
+                            cx: "48",
+                            cy: "48",
+                            r: "48",
+                            fill: `url(#${id}-pattern)`
+                        })
+                    ]
+                }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
+                            cx: "48",
+                            cy: "48",
+                            r: "48",
+                            fill: `oklch(67.4% 0.1215 ${hue})`
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("text", {
+                            fill: "#fff",
+                            x: 48,
+                            y: 62,
+                            fontSize: 36,
+                            textAnchor: "middle",
+                            children: getInitials(name)
+                        })
+                    ]
+                })
+            }),
+            showProfile && children ? children(()=>{
+                setShowProfile(false);
+            }) : null
+        ]
+    });
+};
+const PersonAvatar_rslib_entry_ = PersonAvatar;
+export { PersonAvatar_rslib_entry_ as default };

package/dist/presentation/PersonCover.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from "react";
+import PersonAvatar from "./PersonAvatar";
+type Props = ComponentProps<typeof PersonAvatar>;
+declare const PersonCover: ({ id, size, name, imageUrl, hue }: Omit<Props, "children">) => import("react/jsx-runtime").JSX.Element;
+export default PersonCover;

package/dist/presentation/PersonCover.js

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_6bab610a__ from "./PersonAvatar.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PersonCover_module_js_e0f8db03__ from "./PersonCover.module.js";
+const PersonCover = ({ id, size = "xlarge", name, imageUrl, hue })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__PersonCover_module_js_e0f8db03__["default"].container,
+        style: {
+            background: imageUrl ? `url(${imageUrl}) center/125%` : `linear-gradient(130deg, oklch(67.4% 0.1215 ${hue}) 0%, oklch(55% 0.1215 ${hue}) 100%)`
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: __WEBPACK_EXTERNAL_MODULE__PersonCover_module_js_e0f8db03__["default"].avatarContainer,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_6bab610a__["default"], {
+                id: id,
+                size: size,
+                name: name,
+                imageUrl: imageUrl,
+                hue: hue
+            })
+        })
+    });
+const PersonCover_rslib_entry_ = PersonCover;
+export { PersonCover_rslib_entry_ as default };

package/dist/presentation/PersonCover.module.js

@@ -0,0 +1,6 @@
+import "./PersonCover_module.css";
+const PersonCover_module_rslib_entry_ = {
+    container: "container-I791mE",
+    avatarContainer: "avatarContainer-RiuqVG"
+};
+export { PersonCover_module_rslib_entry_ as default };

package/dist/presentation/PersonCover_module.css

@@ -0,0 +1,22 @@
+.container-I791mE {
+  padding: var(--size-p2);
+  background-color: var(--color-grey-t10);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.container-I791mE:before {
+  content: "";
+  -webkit-backdrop-filter: blur(96px);
+  backdrop-filter: blur(96px);
+  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.avatarContainer-RiuqVG {
+  position: relative;
+}
+

package/dist/presentation/Placeholder.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+};
+declare const Placeholder: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Placeholder;

package/dist/presentation/Placeholder.js

@@ -0,0 +1,8 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Placeholder_module_js_95ed4d99__ from "./Placeholder.module.js";
+const Placeholder = ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__Placeholder_module_js_95ed4d99__["default"].container,
+        children: children
+    });
+const Placeholder_rslib_entry_ = Placeholder;
+export { Placeholder_rslib_entry_ as default };

package/dist/presentation/Placeholder.module.js

@@ -0,0 +1,5 @@
+import "./Placeholder_module.css";
+const Placeholder_module_rslib_entry_ = {
+    container: "container-dB6Fgi"
+};
+export { Placeholder_module_rslib_entry_ as default };

package/dist/presentation/Placeholder_module.css

@@ -0,0 +1,9 @@
+.container-dB6Fgi {
+  border-radius: var(--size-n1);
+  border: var(--size-n4) dashed var(--color-grey-t09);
+  padding: var(--size-00);
+  text-align: center;
+  place-content: center;
+  display: grid;
+}
+

package/dist/presentation/PlainText.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    font?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "monospace" | "regular-bold-italic" | "regular-bold" | "regular-italic" | "regular" | "small-bold-italic" | "small-bold" | "small-italic" | "small" | "tiny-bold-italic" | "tiny-bold" | "tiny-italic" | "tiny";
+    id?: string;
+    tone?: "default" | "primary" | "muted" | "danger" | "warning" | "success" | "info";
+    tagName?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
+    truncate?: boolean;
+};
+declare const PlainText: ({ children, font, id, tagName, tone, truncate }: Props) => import("react/jsx-runtime").JSX.Element;
+export default PlainText;

package/dist/presentation/PlainText.js

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_module_js_b4d5c808__ from "./PlainText.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const DEFAULT_TAG = {
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    monospace: "span",
+    "regular-bold-italic": "span",
+    "regular-bold": "span",
+    "regular-italic": "span",
+    regular: "span",
+    "small-bold-italic": "span",
+    "small-bold": "span",
+    "small-italic": "span",
+    small: "span",
+    "tiny-bold-italic": "span",
+    "tiny-bold": "span",
+    "tiny-italic": "span",
+    tiny: "span"
+};
+const PlainText = ({ children, font = "regular", id, tagName, tone, truncate = false })=>{
+    const Tag = tagName ?? DEFAULT_TAG[font];
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tag, {
+        id: id,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            [__WEBPACK_EXTERNAL_MODULE__PlainText_module_js_b4d5c808__["default"].truncate]: truncate
+        }),
+        style: {
+            font: `var(--font-${font})`,
+            color: tone ? `var(--tone-${tone})` : void 0
+        },
+        children: children
+    });
+};
+const PlainText_rslib_entry_ = PlainText;
+export { PlainText_rslib_entry_ as default };

package/dist/presentation/PlainText.module.js

@@ -0,0 +1,5 @@
+import "./PlainText_module.css";
+const PlainText_module_rslib_entry_ = {
+    truncate: "truncate-i7nBTX"
+};
+export { PlainText_module_rslib_entry_ as default };

package/dist/presentation/PlainText_module.css

@@ -0,0 +1,6 @@
+.truncate-i7nBTX {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+

package/dist/presentation/RichText.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+type Props = {
+    font?: "regular" | "small" | "tiny";
+    id?: string;
+    justify?: "left" | "center" | "right";
+    tagName?: keyof JSX.IntrinsicElements;
+    tone?: "default" | "primary" | "muted" | "danger" | "warning" | "success" | "info";
+} & ({
+    children: ReactNode;
+} | {
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+});
+declare const RichText: ({ id, justify, font, tagName: Tag, tone, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default RichText;

package/dist/presentation/RichText.js

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__RichText_module_js_f088fb2b__ from "./RichText.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
+const RichText = ({ id, justify, font = "regular", tagName: Tag = "div", tone, ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tag, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__RichText_module_js_f088fb2b__["default"].richText, {
+            [__WEBPACK_EXTERNAL_MODULE__RichText_module_js_f088fb2b__["default"].small]: "small" === font,
+            [__WEBPACK_EXTERNAL_MODULE__RichText_module_js_f088fb2b__["default"].tiny]: "tiny" === font
+        }),
+        style: {
+            color: tone ? `var(--tone-${tone})` : void 0,
+            ...(0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
+                ["--justify"]: justify ?? "left"
+            })
+        },
+        id: id,
+        dangerouslySetInnerHTML: "dangerouslySetInnerHTML" in props ? props.dangerouslySetInnerHTML : void 0,
+        children: "children" in props ? props.children : void 0
+    });
+const RichText_rslib_entry_ = RichText;
+export { RichText_rslib_entry_ as default };

package/dist/presentation/RichText.module.js

@@ -0,0 +1,7 @@
+import "./RichText_module.css";
+const RichText_module_rslib_entry_ = {
+    richText: "richText-rs2PqI",
+    small: "small-v6_1CL",
+    tiny: "tiny-rYC8f3"
+};
+export { RichText_module_rslib_entry_ as default };

package/dist/presentation/RichText_module.css

@@ -0,0 +1,177 @@
+.richText-rs2PqI {
+  --justify: left;
+  --paragraph-gap: var(--size-n1);
+  --list-item-gap: var(--size-n3);
+  --nested-paragraph-gap: var(--size-n3);
+  font: var(--font-regular);
+  text-align: var(--justify);
+}
+
+.richText-rs2PqI h1 {
+  font: var(--font-h1);
+}
+
+.richText-rs2PqI * + h1 {
+  margin-top: var(--size-p2);
+}
+
+.richText-rs2PqI h2 {
+  font: var(--font-h2);
+}
+
+.richText-rs2PqI * + h2 {
+  margin-top: var(--size-p1);
+}
+
+.richText-rs2PqI h3 {
+  font: var(--font-h3);
+}
+
+.richText-rs2PqI * + h3 {
+  margin-top: var(--size-00);
+}
+
+.richText-rs2PqI h4 {
+  font: var(--font-h4);
+}
+
+.richText-rs2PqI * + h4 {
+  margin-top: var(--size-n1);
+}
+
+.richText-rs2PqI h5 {
+  font: var(--font-h5);
+}
+
+.richText-rs2PqI * + h5 {
+  margin-top: var(--size-n2);
+}
+
+.richText-rs2PqI h6 {
+  font: var(--font-h6);
+}
+
+.richText-rs2PqI * + h6 {
+  margin-top: var(--size-n3);
+}
+
+.richText-rs2PqI :where(b, strong) {
+  font: var(--font-regular-bold);
+}
+
+.richText-rs2PqI :where(i, em) {
+  font: var(--font-regular-italic);
+}
+
+.richText-rs2PqI :where(b, strong) :where(i, em), .richText-rs2PqI :where(i, em) :where(b, strong) {
+  font: var(--font-regular-bold-italic);
+}
+
+.richText-rs2PqI a {
+  color: var(--color-purple-000);
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.richText-rs2PqI a:hover, .richText-rs2PqI a:focus {
+  text-decoration: none;
+}
+
+.richText-rs2PqI a:focus {
+  border-radius: var(--size-n5);
+  outline: var(--size-n4) solid var(--color-purple-000);
+}
+
+.richText-rs2PqI code, .richText-rs2PqI pre {
+  background: var(--color-grey-t10);
+  border-radius: var(--size-n4);
+  border: 1px solid var(--color-grey-t09);
+  font: var(--font-monospace);
+  padding: 0 var(--size-n3);
+  white-space: nowrap;
+}
+
+.richText-rs2PqI pre {
+  padding: var(--size-00);
+  border-radius: var(--size-n3);
+  white-space: pre;
+  overflow-x: auto;
+}
+
+.richText-rs2PqI :where(ul, ol) {
+  padding-left: 2em;
+  display: block;
+}
+
+.richText-rs2PqI ul {
+  list-style-type: disc;
+}
+
+.richText-rs2PqI ol {
+  list-style-type: decimal;
+}
+
+.richText-rs2PqI li {
+  display: list-item;
+}
+
+.richText-rs2PqI * + :where(p, ul, ol, pre) {
+  margin-top: var(--paragraph-gap);
+}
+
+.richText-rs2PqI * + li {
+  margin-top: var(--list-item-gap);
+}
+
+.richText-rs2PqI li * + :where(p, ul, ol) {
+  margin-top: var(--nested-paragraph-gap);
+}
+
+.richText-rs2PqI.small-v6_1CL {
+  --paragraph-gap: var(--size-n4);
+  --list-item-gap: var(--size-n4);
+  --nested-paragraph-gap: var(--size-n4);
+  font: var(--font-small);
+}
+
+.richText-rs2PqI.small-v6_1CL :where(h1, h2, h3, h4, h5, h6) {
+  font: var(--font-small-bold);
+  margin-top: var(--paragraph-gap);
+}
+
+.richText-rs2PqI.small-v6_1CL :where(b, strong) {
+  font: var(--font-small-bold);
+}
+
+.richText-rs2PqI.small-v6_1CL :where(i, em) {
+  font: var(--font-small-italic);
+}
+
+.richText-rs2PqI.small-v6_1CL :where(b, strong) :where(i, em), .richText-rs2PqI.small-v6_1CL :where(i, em) :where(b, strong) {
+  font: var(--font-small-bold-italic);
+}
+
+.richText-rs2PqI.tiny-rYC8f3 {
+  --paragraph-gap: var(--size-n5);
+  --list-item-gap: var(--size-n5);
+  --nested-paragraph-gap: var(--size-n5);
+  font: var(--font-tiny);
+}
+
+.richText-rs2PqI.tiny-rYC8f3 :where(h1, h2, h3, h4, h5, h6) {
+  font: var(--font-tiny-bold);
+  margin-top: var(--paragraph-gap);
+}
+
+.richText-rs2PqI.tiny-rYC8f3 :where(b, strong) {
+  font: var(--font-tiny-bold);
+}
+
+.richText-rs2PqI.tiny-rYC8f3 :where(i, em) {
+  font: var(--font-tiny-italic);
+}
+
+.richText-rs2PqI.tiny-rYC8f3 :where(b, strong) :where(i, em), .richText-rs2PqI.tiny-rYC8f3 :where(i, em) :where(b, strong) {
+  font: var(--font-tiny-bold-italic);
+}
+

package/dist/presentation/Sheet.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    footer?: ReactNode;
+    header?: ReactNode;
+} & ({
+    ariaLabel?: string;
+    tagName?: "article" | "aside" | "nav" | "section";
+} | {
+    ariaLabel: string;
+    tagName: "form";
+});
+/**
+ * The `tagName` prop should be a sectioning element (`section`, `main`,
+ * `header`, `aside` etc) to ensure headers and footers used in the content are
+ * correctly contained (otherwise they'll apply to the whole page). If you're
+ * using a form you must also provide the `ariaLabel` prop to ensure the form is
+ * treated as a sectioning element.
+ *
+ * @deprecated Use `Card` instead.
+ */
+declare const Sheet: ({ ariaLabel, children, footer, header, tagName: Tag }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Sheet;

package/dist/presentation/Sheet.js

@@ -0,0 +1,22 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Sheet_module_js_ca28f850__ from "./Sheet.module.js";
+const Sheet = ({ ariaLabel, children, footer, header, tagName: Tag = "section" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Tag, {
+        className: __WEBPACK_EXTERNAL_MODULE__Sheet_module_js_ca28f850__["default"].container,
+        "aria-label": ariaLabel,
+        children: [
+            header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Sheet_module_js_ca28f850__["default"].header,
+                children: header
+            }) : null,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Sheet_module_js_ca28f850__["default"].content,
+                children: children
+            }),
+            footer ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Sheet_module_js_ca28f850__["default"].footer,
+                children: footer
+            }) : null
+        ]
+    });
+const Sheet_rslib_entry_ = Sheet;
+export { Sheet_rslib_entry_ as default };

package/dist/presentation/Sheet.module.js

@@ -0,0 +1,8 @@
+import "./Sheet_module.css";
+const Sheet_module_rslib_entry_ = {
+    container: "container-DS8L5U",
+    header: "header-Dn1NDz",
+    content: "content-yVEIrb",
+    footer: "footer-g4lEP7"
+};
+export { Sheet_module_rslib_entry_ as default };

package/dist/presentation/SheetContent.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+};
+declare const SheetContent: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SheetContent;

package/dist/presentation/SheetContent.js

@@ -0,0 +1,8 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__SheetContent_module_js_124d2136__ from "./SheetContent.module.js";
+const SheetContent = ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__SheetContent_module_js_124d2136__["default"].container,
+        children: children
+    });
+const SheetContent_rslib_entry_ = SheetContent;
+export { SheetContent_rslib_entry_ as default };

package/dist/presentation/SheetContent.module.js

@@ -0,0 +1,5 @@
+import "./SheetContent_module.css";
+const SheetContent_module_rslib_entry_ = {
+    container: "container-X2Ieaq"
+};
+export { SheetContent_module_rslib_entry_ as default };

package/dist/presentation/SheetContent_module.css

@@ -0,0 +1,7 @@
+.container-X2Ieaq {
+  gap: var(--size-p2);
+  padding: var(--size-p2);
+  grid-auto-columns: minmax(0, auto);
+  display: grid;
+}
+

package/dist/presentation/SheetFooter.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    secondary?: ReactNode;
+};
+declare const SheetFooter: ({ children, secondary }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SheetFooter;

package/dist/presentation/SheetFooter.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__SheetFooter_module_js_e58ec83e__ from "./SheetFooter.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Footer_js_44ffb150__ from "./Footer.js";
+const SheetFooter = ({ children, secondary })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__SheetFooter_module_js_e58ec83e__["default"].container,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Footer_js_44ffb150__["default"], {
+            secondary: secondary,
+            children: children
+        })
+    });
+const SheetFooter_rslib_entry_ = SheetFooter;
+export { SheetFooter_rslib_entry_ as default };

package/dist/presentation/SheetFooter.module.js

@@ -0,0 +1,5 @@
+import "./SheetFooter_module.css";
+const SheetFooter_module_rslib_entry_ = {
+    container: "container-I9vp7d"
+};
+export { SheetFooter_module_rslib_entry_ as default };

package/dist/presentation/SheetFooter_module.css

@@ -0,0 +1,7 @@
+.container-I9vp7d {
+  border-top: var(--size-n5) solid var(--color-grey-t08);
+  gap: var(--size-p2);
+  padding: var(--size-00) var(--size-p2);
+  display: grid;
+}
+

package/dist/presentation/SheetHeader.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type Props = {
+    actions?: ReactNode;
+    children: ReactNode;
+    description?: ReactNode;
+};
+declare const SheetHeader: ({ actions, children, description }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SheetHeader;

package/dist/presentation/SheetHeader.js

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__SheetHeader_module_js_3a9500ba__ from "./SheetHeader.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__ from "./Header.js";
+const SheetHeader = ({ actions, children, description })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__SheetHeader_module_js_3a9500ba__["default"].container,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__["default"], {
+            actions: actions,
+            description: description,
+            children: children
+        })
+    });
+const SheetHeader_rslib_entry_ = SheetHeader;
+export { SheetHeader_rslib_entry_ as default };

package/dist/presentation/SheetHeader.module.js

@@ -0,0 +1,5 @@
+import "./SheetHeader_module.css";
+const SheetHeader_module_rslib_entry_ = {
+    container: "container-yc42of"
+};
+export { SheetHeader_module_rslib_entry_ as default };

package/dist/presentation/SheetHeader_module.css

@@ -0,0 +1,7 @@
+.container-yc42of {
+  border-bottom: var(--size-n5) solid var(--color-grey-t08);
+  gap: var(--size-p2);
+  padding: var(--size-00) var(--size-p2);
+  display: grid;
+}
+