bsm-design-system 1.7.1 → 1.8.0

package/index.d.mts

@@ -493,31 +493,39 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n            data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n            fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n            border p-4 duration-200", {
     size: {
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, tailwind_variants.TVReturnType<{
     size: {
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n            data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n            fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n            border p-4 duration-200", unknown, unknown, undefined>>;
 
-type DefaulTtype = React.ComponentProps<typeof DialogPrimitive.Root>;
+type DefaulTtype = Omit<
+  React.ComponentProps<typeof DialogPrimitive.Root>,
+  "onOpenChange"
+>;
 
 type DialogSize = keyof typeof contentVariants.variants.size;
 
 type SmartDialogProps = {
   open?: boolean;
-  onOpenChange?: (open: boolean) => void;
+  onClose?: (open: boolean) => void;
   trigger?: React.ReactNode;
   children?: React.ReactNode;
-  hideClose?: boolean;
   size?: DialogSize;
 } & DefaulTtype;
 
@@ -528,7 +536,7 @@ type DialogHeaderBarProps = {
     children?: React$1.ReactNode;
 };
 declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
-declare function SmartDialog({ open, onOpenChange, trigger, children, hideClose, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
+declare function SmartDialog({ open, onClose, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
 declare namespace SmartDialog {
     var Header: typeof DialogHeaderBar;
     var Footer: typeof DialogFooter;
@@ -537,10 +545,9 @@ declare namespace SmartDialog {
 declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 type SmartSheetProps = {
     open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    onClose?: (open: boolean) => void;
     trigger?: React$1.ReactNode;
     side?: "top" | "bottom" | "left" | "right";
-    hideClose?: boolean;
     children?: React$1.ReactNode;
 };
 type SheetHeaderBarProps = {
@@ -549,10 +556,37 @@ type SheetHeaderBarProps = {
     children?: React$1.ReactNode;
 };
 declare function SheetHeaderBar({ title, hideClose, children }: SheetHeaderBarProps): react_jsx_runtime.JSX.Element;
-declare function SmartSheet({ open, onOpenChange, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
+declare function SmartSheet({ open, onClose, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
 declare namespace SmartSheet {
     var Header: typeof SheetHeaderBar;
     var Footer: typeof SheetFooter;
 }
 
-export { Button, Card, Checkbox, SmartDialog as Dialog, SmartSheet as Drawer, Test as Input, RadioGroup, SegmentButton, Switch };
+type Option = {
+  label: string;
+  value: string;
+};
+
+interface SelectProps {
+  mode?: "select" | "multi";
+  options: Option[];
+  value: string | string[] | null;
+  onChange: (v: any) => void;
+  onSearch?: (text: string) => void;
+  placeholder?: string;
+  emptyText?: string;
+  searchable?: boolean;
+  error?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  asyncSearch?: boolean;
+  label?: string;
+  hint?: string;
+  helperText?: string;
+  size?: "xs" | "sm" | "md" | "lg";
+}
+
+declare function Select({ mode, options, value, onChange, onSearch, searchable, loading, label, hint, helperText, error, disabled, readOnly, size, asyncSearch, placeholder, emptyText, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+export { Button, Card, Checkbox, SmartDialog as Dialog, SmartSheet as Drawer, Test as Input, RadioGroup, SegmentButton, Select, Switch };

package/index.d.ts

@@ -493,31 +493,39 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n            data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n            fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n            border p-4 duration-200", {
     size: {
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, tailwind_variants.TVReturnType<{
     size: {
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        full: string;
     };
 }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n            data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n            fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n            border p-4 duration-200", unknown, unknown, undefined>>;
 
-type DefaulTtype = React.ComponentProps<typeof DialogPrimitive.Root>;
+type DefaulTtype = Omit<
+  React.ComponentProps<typeof DialogPrimitive.Root>,
+  "onOpenChange"
+>;
 
 type DialogSize = keyof typeof contentVariants.variants.size;
 
 type SmartDialogProps = {
   open?: boolean;
-  onOpenChange?: (open: boolean) => void;
+  onClose?: (open: boolean) => void;
   trigger?: React.ReactNode;
   children?: React.ReactNode;
-  hideClose?: boolean;
   size?: DialogSize;
 } & DefaulTtype;
 
@@ -528,7 +536,7 @@ type DialogHeaderBarProps = {
     children?: React$1.ReactNode;
 };
 declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
-declare function SmartDialog({ open, onOpenChange, trigger, children, hideClose, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
+declare function SmartDialog({ open, onClose, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
 declare namespace SmartDialog {
     var Header: typeof DialogHeaderBar;
     var Footer: typeof DialogFooter;
@@ -537,10 +545,9 @@ declare namespace SmartDialog {
 declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 type SmartSheetProps = {
     open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    onClose?: (open: boolean) => void;
     trigger?: React$1.ReactNode;
     side?: "top" | "bottom" | "left" | "right";
-    hideClose?: boolean;
     children?: React$1.ReactNode;
 };
 type SheetHeaderBarProps = {
@@ -549,10 +556,37 @@ type SheetHeaderBarProps = {
     children?: React$1.ReactNode;
 };
 declare function SheetHeaderBar({ title, hideClose, children }: SheetHeaderBarProps): react_jsx_runtime.JSX.Element;
-declare function SmartSheet({ open, onOpenChange, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
+declare function SmartSheet({ open, onClose, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
 declare namespace SmartSheet {
     var Header: typeof SheetHeaderBar;
     var Footer: typeof SheetFooter;
 }
 
-export { Button, Card, Checkbox, SmartDialog as Dialog, SmartSheet as Drawer, Test as Input, RadioGroup, SegmentButton, Switch };
+type Option = {
+  label: string;
+  value: string;
+};
+
+interface SelectProps {
+  mode?: "select" | "multi";
+  options: Option[];
+  value: string | string[] | null;
+  onChange: (v: any) => void;
+  onSearch?: (text: string) => void;
+  placeholder?: string;
+  emptyText?: string;
+  searchable?: boolean;
+  error?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  asyncSearch?: boolean;
+  label?: string;
+  hint?: string;
+  helperText?: string;
+  size?: "xs" | "sm" | "md" | "lg";
+}
+
+declare function Select({ mode, options, value, onChange, onSearch, searchable, loading, label, hint, helperText, error, disabled, readOnly, size, asyncSearch, placeholder, emptyText, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+export { Button, Card, Checkbox, SmartDialog as Dialog, SmartSheet as Drawer, Test as Input, RadioGroup, SegmentButton, Select, Switch };