@pittorica/sheet-react 0.8.2 → 0.22.0

package/README.md

@@ -0,0 +1,24 @@
+# @pittorica/sheet-react
+
+The `Sheet` component.
+
+## Installation
+
+```bash
+npm install @pittorica/sheet-react
+```
+
+## Usage
+
+```jsx
+import { Sheet } from '@pittorica/sheet-react';
+// TODO: Add usage example
+```
+
+## License
+
+This project is licensed under the MIT License.
+
+**Copyright (c) 2025 Davide Di Criscito**
+
+For the full details, see the [LICENSE](LICENSE) file.

package/dist/Sheet.d.ts

@@ -1,26 +1,14 @@
-import { default as React } from 'react';
-import { RecipeVariants } from '@vanilla-extract/recipes';
-import { sheetRecipe } from './sheet.css.js';
-type SheetVariants = RecipeVariants<typeof sheetRecipe>;
-export type SheetProps = {
+import { type ReactNode } from 'react';
+import { type BoxProps } from '@pittorica/box-react';
+export interface SheetProps extends BoxProps {
     isOpen: boolean;
     onClose: () => void;
-    side?: NonNullable<SheetVariants>['side'];
-    maxWidth?: NonNullable<SheetVariants>['width'];
-    /**
-     * Background color of the sheet.
-     */
-    color?: string;
-    /**
-     * Text color of the sheet content (including title and close button).
-     * Use this to ensure contrast when using a custom background color.
-     */
-    textColor?: string;
-    title?: React.ReactNode;
-    showHandle?: boolean;
-    children: React.ReactNode;
-    className?: string;
-};
-export declare const Sheet: React.FC<SheetProps>;
-export {};
+    children: ReactNode;
+    side?: 'side' | 'bottom';
+    title?: string;
+}
+/**
+ * Sheet component following MD3 guidelines for Side and Bottom sheets.
+ */
+export declare const Sheet: ({ isOpen, onClose, children, side, title, className, ...props }: SheetProps) => import("react").ReactPortal | null;
 //# sourceMappingURL=Sheet.d.ts.map

package/dist/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAML,WAAW,EAEZ,MAAM,gBAAgB,CAAC;AAExB,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,IAAI,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmGtC,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,iEAQnB,UAAU,uCAwDZ,CAAC"}

package/dist/Sheet.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Sheet } from './Sheet';
+declare const meta: Meta<typeof Sheet>;
+export default meta;
+export declare const SideExample: StoryObj;
+export declare const BottomExample: StoryObj;
+//# sourceMappingURL=Sheet.stories.d.ts.map

package/dist/Sheet.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../src/Sheet.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,EAAE,QAmBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAmB3B,CAAC"}

package/dist/Sheet.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @vitest-environment jsdom
+ */
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Sheet.test.d.ts.map

package/dist/Sheet.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.test.d.ts","sourceRoot":"","sources":["../src/Sheet.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,2BAA2B,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from './sheet.css.js';
-export * from './Sheet.js';
+export type { SheetProps } from './Sheet.js';
+export { Sheet } from './Sheet.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}