the-omelet-ui 1.7.5 → 1.7.7

package/dist/entries/sheet.d.ts

@@ -0,0 +1,172 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const sheetContentVariants: (props?: ({
+    side?: "bottom" | "top" | "right" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetProps {
+    /**
+     * เปิด/ปิด Sheet
+     */
+    open?: boolean;
+    /**
+     * Callback เมื่อเปิด/ปิด Sheet
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * เนื้อหาภายใน Sheet
+     */
+    children: React__default.ReactNode;
+}
+/**
+ * Sheet Root Component
+ *
+ * @example
+ * <Sheet open={open} onOpenChange={setOpen}>
+ *   <SheetContent>
+ *     <SheetHeader>
+ *       <SheetTitle>Title</SheetTitle>
+ *       <SheetDescription>Description</SheetDescription>
+ *     </SheetHeader>
+ *     Content here
+ *   </SheetContent>
+ * </Sheet>
+ */
+declare const Sheet: React__default.FC<SheetProps>;
+interface SheetTriggerProps {
+    /**
+     * Element ที่จะเป็นปุ่มเปิด Sheet
+     */
+    children: React__default.ReactNode;
+    /**
+     * CSS class เพิ่มเติม
+     */
+    className?: string;
+    /**
+     * Disabled trigger
+     */
+    disabled?: boolean;
+}
+/**
+ * Sheet Trigger - ปุ่มสำหรับเปิด Sheet
+ *
+ * @example
+ * <SheetTrigger>
+ *   <button>Open Sheet</button>
+ * </SheetTrigger>
+ */
+declare const SheetTrigger: React__default.FC<SheetTriggerProps>;
+interface SheetContentProps extends VariantProps<typeof sheetContentVariants> {
+    /**
+     * เนื้อหาภายใน Sheet
+     */
+    children: React__default.ReactNode;
+    /**
+     * ทิศทางที่ Sheet จะเลื่อนเข้ามา
+     * @default "left"
+     */
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * CSS class เพิ่มเติม
+     */
+    className?: string;
+    /**
+     * แสดงปุ่มปิด (X)
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * ระยะเวลาของ animation (milliseconds)
+     * @default 300
+     * @example duration={500} // 500ms (0.5 วินาที)
+     */
+    duration?: number;
+}
+/**
+ * Sheet Content - เนื้อหาของ Sheet
+ *
+ * @example
+ * <SheetContent side="right" duration={500}>
+ *   Content here
+ * </SheetContent>
+ */
+declare const SheetContent: React__default.FC<SheetContentProps>;
+interface SheetHeaderProps {
+    /**
+     * เนื้อหาภายใน header
+     */
+    children: React__default.ReactNode;
+    /**
+     * CSS class เพิ่มเติม
+     */
+    className?: string;
+}
+/**
+ * Sheet Header
+ *
+ * @example
+ * <SheetHeader>
+ *   <SheetTitle>Title</SheetTitle>
+ *   <SheetDescription>Description</SheetDescription>
+ * </SheetHeader>
+ */
+declare const SheetHeader: React__default.FC<SheetHeaderProps>;
+interface SheetFooterProps {
+    /**
+     * เนื้อหาภายใน footer
+     */
+    children: React__default.ReactNode;
+    /**
+     * CSS class เพิ่มเติม
+     */
+    className?: string;
+}
+/**
+ * Sheet Footer
+ *
+ * @example
+ * <SheetFooter>
+ *   <button>Cancel</button>
+ *   <button>Submit</button>
+ * </SheetFooter>
+ */
+declare const SheetFooter: React__default.FC<SheetFooterProps>;
+interface SheetTitleProps {
+    /**
+     * ข้อความ title
+     */
+    children: React__default.ReactNode;
+    /**
+     * CSS class เพิ่มเติม
+     */
+    className?: string;
+}
+/**
+ * Sheet Title
+ *
+ * @example
+ * <SheetTitle>Edit Profile</SheetTitle>
+ */
+declare const SheetTitle: React__default.FC<SheetTitleProps>;
+interface SheetDescriptionProps {
+    /**
+     * ข้อความ description
+     */
+    children: React__default.ReactNode;
+    /**
+     * CSS class เพิ่มเติม
+     */
+    className?: string;
+}
+/**
+ * Sheet Description
+ *
+ * @example
+ * <SheetDescription>
+ *   Make changes to your profile here.
+ * </SheetDescription>
+ */
+declare const SheetDescription: React__default.FC<SheetDescriptionProps>;
+
+export { Sheet, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

package/dist/entries/sheet.js

@@ -0,0 +1 @@
+import {a}from'../chunk-6GLPXMGB.js';import {createContext,useState,useEffect,useContext}from'react';import {cva}from'class-variance-authority';import {X}from'lucide-react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=createContext(void 0),u=()=>{let e=useContext(f);if(!e)throw new Error("Sheet components must be used within Sheet");return e},y=cva("fixed z-50 bg-white shadow-lg transition-all duration-300 ease-in-out",{variants:{side:{top:"inset-x-0 top-0 border-b",bottom:"inset-x-0 bottom-0 border-t",left:"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"left"}}),P=({open:e=false,onOpenChange:t,children:o})=>{let[n,i]=useState(e);useEffect(()=>{i(e);},[e]);let s=c=>{i(c),t?.(c);};return useEffect(()=>(n?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset";}),[n]),jsx(f.Provider,{value:{open:n,onOpenChange:s},children:o})},v=({children:e,className:t,disabled:o})=>{let{onOpenChange:n}=u();return jsx("div",{onClick:()=>!o&&n(true),className:a(t,o&&"opacity-50 cursor-not-allowed"),children:e})},N=({children:e})=>{let[t,o]=useState(false);return useEffect(()=>(o(true),()=>o(false)),[]),t?jsx(Fragment,{children:e}):null},R=({className:e,duration:t=200})=>{let{open:o,onOpenChange:n}=u(),[i,s]=useState(false);return useEffect(()=>{o?setTimeout(()=>s(true),10):s(false);},[o]),o?jsx("div",{className:a("fixed inset-0 z-40 bg-black/50 backdrop-blur-sm transition-opacity",i?"opacity-100":"opacity-0",e),style:{transitionDuration:`${t}ms`},onClick:()=>n(false)}):null},w=({children:e,side:t="left",className:o,showClose:n=true,duration:i=300})=>{let{open:s,onOpenChange:c}=u(),[m,d]=useState(false);if(useEffect(()=>{s?setTimeout(()=>d(true),10):d(false);},[s]),!s)return null;let S=()=>{if(m)return "translate-x-0 translate-y-0";switch(t){case "left":return "-translate-x-full";case "right":return "translate-x-full";case "top":return "-translate-y-full";case "bottom":return "translate-y-full";default:return ""}};return jsxs(N,{children:[jsx(R,{duration:i}),jsxs("div",{className:a(y({side:t}),"transition-all ease-in-out",S(),o),style:{transitionDuration:`${i}ms`},children:[n&&jsxs("button",{onClick:()=>c(false),className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 disabled:pointer-events-none",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]}),jsx("div",{className:"h-full overflow-auto",children:e})]})]})},F=({children:e,className:t})=>jsx("div",{className:a("flex flex-col space-y-2 px-6 py-4 border-b",t),children:e}),T=({children:e,className:t})=>jsx("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 px-6 py-4 border-t",t),children:e}),V=({children:e,className:t})=>jsx("h2",{className:a("text-lg font-semibold text-gray-900",t),children:e}),O=({children:e,className:t})=>jsx("p",{className:a("text-sm text-gray-500",t),children:e});export{P as Sheet,w as SheetContent,O as SheetDescription,T as SheetFooter,F as SheetHeader,V as SheetTitle,v as SheetTrigger};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "the-omelet-ui",
-  "version": "1.7.5",
+  "version": "1.7.7",
   "private": false,
   "license": "MIT",
   "type": "module",