ddingdong-design-system 0.2.7 → 0.2.9

package/dist/shared/ui/Select/Option.d.ts

@@ -3,8 +3,14 @@ declare const optionVariants: (props?: ({
     size?: "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Props = {
-    id: string;
+    /**
+     * The display name for the option.
+     */
     name: string;
+    /**
+     * Additional classes to apply to the option.
+     */
+    className?: string;
 } & VariantProps<typeof optionVariants>;
-export declare function Option({ id, name, size }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Option({ name, size, className }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/Select/Select.context.d.ts

@@ -1,12 +1,17 @@
-type OptionProps = {
-    id: string;
-    name: string;
-};
 export type SelectContextType = {
-    selected: OptionProps;
-    onSelect: (option: OptionProps) => void;
+    /**
+     * The currently selected option.
+     */
+    selected: string;
+    /**
+     * Callback function called when the selected option changes.
+     * @returns
+     */
+    onSelect: (option: string) => void;
+    /**
+     * The size of the select component.
+     */
     size: 'md' | 'lg';
 };
-export declare const SelectContext: import('react').Context<SelectContextType | undefined>;
+export declare const SelectContext: import('react').Context<SelectContextType | null>;
 export declare const useSelectContext: () => SelectContextType;
-export {};

package/dist/shared/ui/Select/SelectButton.d.ts

@@ -1,7 +1,20 @@
 type Props = {
+    /**
+     * The currently selected option.
+     */
     selected: string;
+    /**
+     * Callback function to be called when the button is clicked.
+     * @returns void
+     */
     onClick: () => void;
+    /**
+     * Whether the dropdown is open or closed.
+     */
     isOpen: boolean;
+    /**
+     * The size of the button.
+     */
     size?: 'md' | 'lg';
 };
 export declare function SelectButton({ selected, onClick, isOpen, size }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/Select/SelectMain.d.ts

@@ -1,18 +1,18 @@
-import { ReactNode } from 'react';
-type OptionProps = {
-    id: string;
-    name: string;
-};
+import { ComponentProps, ReactNode } from 'react';
 type Props = {
     /**
      * The size of the select component.
      * @default 'lg'
      */
     size?: 'md' | 'lg';
+    /**
+     * The currently selected option.
+     */
+    value: string;
     /**
      * Callback function called when the selected option changes.
      */
-    onChange?: (option: OptionProps) => void;
+    onChange?: (option: string) => void;
     /**
      * The default value of the select component.
      */
@@ -21,6 +21,6 @@ type Props = {
      * The content to be displayed inside the select component.
      */
     children: ReactNode;
-};
-export declare function SelectMain({ children, defaultValue, onChange, size }: Props): import("react/jsx-runtime").JSX.Element;
+} & Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size'>;
+export declare function SelectMain({ value, onChange, size, children }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/assets/index.d.ts

@@ -13,6 +13,7 @@ export declare const Icons: {
     navbarArrow: string;
     new: string;
     pin: string;
+    search: string;
     trash: string;
     write: string;
     loading: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddingdong-design-system",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "type": "module",
   "keywords": [
     "react",