@idds/react 1.1.86

package/dist/types/components/ActionDropdown.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, CSSProperties } from 'react';
+/**
+ * ActionDropdown component yang menampilkan dropdown menu dengan positioning otomatis.
+ *
+ * @param {ReactNode} [trigger] - Custom trigger element untuk membuka dropdown. Default: IconDotsVertical.
+ * @param {ReactNode[]} items - Array of ReactNode yang akan ditampilkan sebagai item dropdown. User bebas mendefine item apapun (button, div, span, dll).
+ * @param {string} [className] - ClassName tambahan untuk override styling container trigger (opsional).
+ * @param {number} [iconSize] - Ukuran icon IconDotsVertical jika menggunakan trigger default. Default: 24.
+ * @param {string} [dropdownClassName] - ClassName tambahan untuk override styling kotak dropdown (opsional). Menggunakan tailwind-merge agar class user menang.
+ * @param {CSSProperties} [dropdownStyle] - Inline style tambahan untuk kotak dropdown (opsional).
+ */
+export interface ActionDropdownProps {
+    trigger?: ReactNode;
+    items: ReactNode[];
+    className?: string;
+    iconSize?: number;
+    dropdownClassName?: string;
+    dropdownStyle?: CSSProperties;
+}
+export default function ActionDropdown({ trigger, items, className, iconSize, dropdownClassName, dropdownStyle, }: ActionDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionDropdown.d.ts.map

package/dist/types/components/ActionDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ActionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,SAAS,EAKT,aAAa,EACd,MAAM,OAAO,CAAC;AAGf,OAAO,6CAA6C,CAAC;AAErD;;;;;;;;;GASG;AAEH,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AACD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,KAAK,EACL,SAAc,EACd,QAAa,EACb,iBAAsB,EACtB,aAAa,GACd,EAAE,mBAAmB,2CA2HrB"}

package/dist/types/components/Alert.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+/**
+ * Alert component untuk menampilkan pesan informasi, peringatan, atau error.
+ *
+ * @param {AlertVariant} [variant] - Variant warna alert. Default: "info".
+ * @param {string} [title] - Judul alert (singkat, biasanya satu baris).
+ * @param {ReactNode} [message] - Deskripsi/penjelasan di bawah judul (opsional, idealnya max dua baris).
+ * @param {ReactNode} [icon] - Icon custom untuk menggantikan icon default variant.
+ * @param {boolean} [dismissible] - Apakah alert bisa di-dismiss (menampilkan tombol close).
+ * @param {string} [dismissLabel] - Label untuk tombol dismiss (accessibility).
+ * @param {() => void} [onDismiss] - Callback ketika alert di-dismiss.
+ * @param {string} [className] - ClassName tambahan untuk override styling container.
+ */
+export type AlertVariant = 'neutral' | 'info' | 'success' | 'caution' | 'critical';
+export interface AlertProps {
+    /**
+     * Variant warna alert.
+     * - 'neutral' → Putih dengan border stroke-primary
+     * - 'info' → Biru (Guide)
+     * - 'success' → Hijau (Positive)
+     * - 'caution' → Oranye (Warning)
+     * - 'critical' → Merah (Negative)
+     */
+    variant?: AlertVariant;
+    /**
+     * Judul alert (singkat, biasanya satu baris).
+     */
+    title?: string;
+    /**
+     * Deskripsi/penjelasan di bawah judul (opsional, idealnya max dua baris).
+     */
+    message?: ReactNode;
+    /**
+     * Icon custom untuk menggantikan icon default variant.
+     */
+    icon?: ReactNode;
+    /**
+     * Apakah alert bisa di-dismiss (menampilkan tombol close).
+     */
+    dismissible?: boolean;
+    /**
+     * Label untuk tombol dismiss (accessibility).
+     */
+    dismissLabel?: string;
+    /**
+     * Callback ketika alert di-dismiss.
+     */
+    onDismiss?: () => void;
+    /**
+     * ClassName tambahan untuk override styling container.
+     */
+    className?: string;
+}
+export default function Alert(props: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,mCAAmC,CAAC;AAE3C;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnF,MAAM,WAAW,UAAU;IACzB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,2CA6D9C"}

package/dist/types/components/Avatar.d.ts

@@ -0,0 +1,33 @@
+export type AvatarSize = 16 | 24 | 32 | 40 | 48;
+export type AvatarShape = 'circle' | 'square';
+export interface AvatarProps {
+    /**
+     * URL gambar avatar (bisa data URI / base64).
+     * Jika tidak disediakan, akan fallback ke `initials`.
+     */
+    src?: string;
+    /**
+     * Alt text untuk gambar.
+     */
+    alt?: string;
+    /**
+     * Inisial (maksimum 2 karakter) yang ditampilkan saat `src` tidak ada.
+     */
+    initials?: string;
+    /**
+     * Ukuran lebar & tinggi avatar dalam piksel.
+     * Pilihan: 16, 24, 32, 40, 48. Default: 32.
+     */
+    size?: AvatarSize;
+    /**
+     * Bentuk avatar: 'circle' (lingkaran) atau 'square' (persegi dengan border-radius 8px).
+     * Default: 'circle'.
+     */
+    shape?: AvatarShape;
+    /**
+     * ClassName Tailwind tambahan untuk kontainer.
+     */
+    className?: string;
+}
+export default function Avatar({ src, alt, initials, size, shape, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/components/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":"AAWA,OAAO,oCAAoC,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,GAAG,EACH,GAAc,EACd,QAAa,EACb,IAAS,EACT,KAAgB,EAChB,SAAc,GACf,EAAE,WAAW,2CAkBb"}

package/dist/types/components/Badge.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+/**
+ * Badge component untuk menampilkan label atau tag dengan berbagai variant warna dan style.
+ *
+ * @param {'soft' | 'fill'} [type] - Tipe style badge: soft (background 100, text 500) atau fill (background 500, text 100).
+ * @param {'brand' | 'info' | 'warning' | 'success' | 'error' | 'neutral'} [variant] - Variant warna badge.
+ * @param {'sm' | 'md' | 'lg' | 'xl'} [size] - Ukuran badge.
+ * @param {'sm' | 'md' | 'lg' | 'full'} [rounded] - Border radius badge.
+ * @param {ReactNode} [prefixIcon] - Icon di depan teks.
+ * @param {ReactNode} [suffixIcon] - Icon di belakang teks.
+ * @param {ReactNode} children - Isi teks/nodes di dalam badge.
+ * @param {string} [className] - ClassName tambahan.
+ */
+export type BadgeType = 'soft' | 'fill';
+export type BadgeVariant = 'brand' | 'info' | 'warning' | 'success' | 'error' | 'neutral';
+export type BadgeSize = 'sm' | 'md' | 'lg' | 'xl';
+export type BadgeRounded = 'sm' | 'md' | 'lg' | 'full';
+export interface BadgeProps {
+    /**
+     * Tipe style badge:
+     * - "soft": background level 100, text level 500
+     * - "fill": background level 500, text level 100
+     */
+    type?: BadgeType;
+    /**
+     * Variant warna:
+     * - "brand" (primary, dipengaruhi brand yang dipilih)
+     * - "info" (biru/Guide)
+     * - "warning" (oranye/Warning)
+     * - "success" (hijau/Positive)
+     * - "error" (merah/Negative)
+     * - "neutral" (abu-abu/Neutral)
+     */
+    variant?: BadgeVariant;
+    /**
+     * Ukuran badge:
+     * - "sm": font-size 10px
+     * - "md": font-size 12px, padding horizontal 8px
+     * - "lg": font-size 14px, padding horizontal 12px
+     * - "xl": font-size 16px
+     */
+    size?: BadgeSize;
+    /**
+     * Border radius:
+     * - "sm"
+     * - "md"
+     * - "lg"
+     * - "full" (pill, default)
+     */
+    rounded?: BadgeRounded;
+    /** Optional icon di depan teks */
+    prefixIcon?: ReactNode | undefined;
+    /** Optional icon di belakang teks */
+    suffixIcon?: ReactNode | undefined;
+    /** Isi teks/nodes di dalam badge */
+    children: ReactNode;
+    /** ClassName tambahan bila diperlukan */
+    className?: string;
+}
+export default function Badge({ type, variant, size, rounded, prefixIcon, suffixIcon, children, className, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,mCAAmC,CAAC;AAE3C;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,qCAAqC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;IAEpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAa,EACb,OAAgB,EAChB,IAAW,EACX,OAAgB,EAChB,UAAsB,EACtB,UAAsB,EACtB,QAAQ,EACR,SAAc,GACf,EAAE,UAAU,2CAqBZ"}

package/dist/types/components/BottomSheet.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEvent, ReactNode } from 'react';
+export interface BottomSheetProps {
+    open: boolean;
+    locked: boolean;
+    onClose: (e: ChangeEvent<EventTarget>) => void;
+    children?: ReactNode;
+}
+export default function BottomSheet({ open, locked, onClose, children, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomSheet.d.ts.map

package/dist/types/components/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAgB,GACjB,EAAE,gBAAgB,2CA2DlB"}

package/dist/types/components/Breadcrumb.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbItem {
+    /** Label text untuk breadcrumb item */
+    label: string;
+    /** URL atau path untuk link (opsional, jika tidak ada maka item tidak bisa diklik) */
+    href?: string;
+    /** Icon component untuk item (opsional) */
+    icon?: ReactNode;
+    /** Apakah item disabled */
+    disabled?: boolean;
+    /** Callback saat item diklik */
+    onClick?: () => void;
+}
+export interface BreadcrumbProps {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Separator antara items (default: '>') */
+    separator?: string | ReactNode;
+    /** Maksimal panjang text untuk item terakhir sebelum di-truncate */
+    maxLength?: number;
+    /** ClassName tambahan untuk container */
+    className?: string;
+}
+export default function Breadcrumb({ items, separator, maxLength, className, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/types/components/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,wCAAwC,CAAC;AAGhD,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,SAA0C,EAC1C,SAAS,EACT,SAAc,GACf,EAAE,eAAe,2CAoEjB"}

package/dist/types/components/Button.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+/**
+ * Button component dengan berbagai hierarchy (primary, secondary, tertiary, link),
+ * size (2xl, xl, lg, md, sm), dan mendukung prefixIcon / suffixIcon.
+ *
+ * Mendukung state:
+ * - default: styling dasar sesuai hierarchy
+ * - hover: menyesuaikan warna latar/border/teks
+ * - focus: menyesuaikan latar sedikit lebih gelap
+ * - disabled: opacity rendah + pointer-events none
+ *
+ * @param {"primary" | "secondary" | "tertiary" | "link" | "custom"} [hierarchy] - Hierarchy styling button. Default: "primary".
+ * @param {"2xl" | "xl" | "lg" | "md" | "sm"} [size] - Ukuran button mempengaruhi max-height, padding & font-size. Default: "md".
+ * @param {ReactNode} [prefixIcon] - Ikon di sebelah kiri teks.
+ * @param {ReactNode} [suffixIcon] - Ikon di sebelah kanan teks.
+ * @param {ReactNode} children - Konten button (teks atau elemen custom).
+ * @param {boolean} [disabled] - Jika true, button dalam keadaan disabled.
+ * @param {string} [className] - ClassName tambahan untuk override styling.
+ */
+export type ButtonHierarchy = 'primary' | 'secondary' | 'tertiary' | 'link' | 'custom';
+export type ButtonSize = '2xl' | 'xl' | 'lg' | 'md' | 'sm';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Hierarchy button:
+     * - "primary": background-color: primary-300, color: text-white
+     * - "secondary": background-color: white, color: text-content-primary, border: stroke-primary
+     * - "tertiary": background-color: white, color: text-content-primary, border: none, hover: background-tertiary
+     * - "link": background-color: white, color: text-content-guide, border: none, hover: text-guide-400
+     * - "custom": untuk custom styling
+     *
+     * @default "primary"
+     */
+    hierarchy?: ButtonHierarchy;
+    /**
+     * Ukuran button:
+     * - "2xl": max-height: 56px, font-size: 16px, padding: 16px
+     * - "xl": max-height: 48px, font-size: 16px, padding: 12px 16px
+     * - "lg": max-height: 44px, font-size: 14px, padding: 12px
+     * - "md": max-height: 40px, font-size: 14px, padding: 10px 12px
+     * - "sm": max-height: 32px, font-size: 12px, padding: 8px
+     *
+     * @default "md"
+     */
+    size?: ButtonSize;
+    /**
+     * Ikon di sebelah kiri teks (opsional).
+     */
+    prefixIcon?: ReactNode | undefined;
+    /**
+     * Ikon di sebelah kanan teks (opsional).
+     */
+    suffixIcon?: ReactNode | undefined;
+    /**
+     * Konten utama button, bisa berupa teks atau JSX custom.
+     */
+    children: ReactNode;
+    /**
+     * Jika true, button dipastikan dalam keadaan disabled
+     * (tidak bisa di-klik, gaya berubah).
+     */
+    disabled?: boolean;
+    /**
+     * ClassName tambahan untuk override styling wrapper.
+     */
+    className?: string;
+}
+export default function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,oCAAoC,CAAC;AAE5C;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,UAAU,GACV,MAAM,GACN,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAmChD"}

package/dist/types/components/ButtonGroup.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export interface ButtonGroupOption {
+    /** Value of the option */
+    value: string | number;
+    /** Label content (can be ReactNode for custom content) */
+    label: ReactNode;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+export interface ButtonGroupProps {
+    /** Array of options to display */
+    options: ButtonGroupOption[];
+    /** Currently selected value */
+    value?: string | number;
+    /** Default selected value (for uncontrolled mode) */
+    defaultValue?: string | number;
+    /** Callback fired when selection changes */
+    onChange?: (value: string | number) => void;
+    /** Whether the button group is disabled */
+    disabled?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** HTML name attribute for form submission */
+    name?: string;
+}
+export default function ButtonGroup({ options, value: controlledValue, defaultValue, onChange, disabled, className, name, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/types/components/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,0DAA0D;IAC1D,KAAK,EAAE,SAAS,CAAC;IACjB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,SAAc,EACd,IAAI,GACL,EAAE,gBAAgB,2CAyDlB"}

package/dist/types/components/Card.d.ts

@@ -0,0 +1,94 @@
+import { ReactNode } from 'react';
+/**
+ * Card component untuk menampilkan konten dalam container dengan berbagai varian.
+ * Varian: Basic (Vertical), Horizontal, Overlay
+ *
+ * @param {'basic' | 'horizontal' | 'overlay'} [variant] - Varian card (default: 'basic').
+ * @param {'top' | 'bottom' | 'left' | 'right'} [mediaPosition] - Posisi media (default berdasarkan variant).
+ * @param {string} [avatar] - Avatar image source.
+ * @param {string} [avatarAlt] - Avatar alt text.
+ * @param {ReactNode} [title] - Judul card.
+ * @param {ReactNode} [description] - Deskripsi card.
+ * @param {string} [mediaSrc] - Media image source.
+ * @param {string} [mediaAlt] - Media alt text.
+ * @param {boolean} [showButton] - Apakah button ditampilkan.
+ * @param {string} [buttonText] - Button text.
+ * @param {'primary' | 'secondary' | 'tertiary' | 'link'} [buttonHierarchy] - Button hierarchy.
+ * @param {boolean} [hoverable] - Apakah card memiliki efek hover.
+ * @param {boolean} [clickable] - Apakah card dapat diklik.
+ * @param {string} [className] - ClassName tambahan.
+ */
+export type CardVariant = 'basic' | 'horizontal' | 'overlay';
+export type CardMediaPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface CardProps {
+    /**
+     * Varian card: basic (vertical), horizontal, overlay
+     */
+    variant?: CardVariant;
+    /**
+     * Posisi media: untuk basic (top/bottom), horizontal (left/right), overlay (top/bottom)
+     */
+    mediaPosition?: CardMediaPosition;
+    /**
+     * Avatar image source
+     */
+    avatar?: string;
+    /**
+     * Avatar alt text
+     */
+    avatarAlt?: string;
+    /**
+     * Judul card
+     */
+    title?: ReactNode;
+    /**
+     * Deskripsi card
+     */
+    description?: ReactNode;
+    /**
+     * Media image source
+     */
+    mediaSrc?: string;
+    /**
+     * Media alt text
+     */
+    mediaAlt?: string;
+    /**
+     * Apakah button ditampilkan
+     */
+    showButton?: boolean;
+    /**
+     * Button text
+     */
+    buttonText?: string;
+    /**
+     * Button hierarchy
+     */
+    buttonHierarchy?: 'primary' | 'secondary' | 'tertiary' | 'link';
+    /**
+     * Callback saat button diklik
+     */
+    onButtonClick?: () => void;
+    /**
+     * Legacy: Subtitle card
+     */
+    subtitle?: ReactNode;
+    /**
+     * Legacy: Apakah header ditampilkan
+     */
+    showHeader?: boolean;
+    /**
+     * Legacy: Apakah card memiliki efek hover
+     */
+    hoverable?: boolean;
+    /**
+     * Legacy: Apakah card dapat diklik
+     */
+    clickable?: boolean;
+    /**
+     * ClassName tambahan
+     */
+    className?: string;
+}
+export default function Card({ variant, mediaPosition, avatar, avatarAlt, title, description, mediaSrc, mediaAlt, showButton, buttonText, buttonHierarchy, onButtonClick, showHeader, hoverable, clickable, className, }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;AAC7D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAEhE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,OAAiB,EACjB,aAAa,EACb,MAAM,EACN,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAkB,EAClB,UAAU,EACV,eAA2B,EAC3B,aAAa,EACb,UAAiB,EACjB,SAAiB,EACjB,SAAiB,EACjB,SAAc,GACf,EAAE,SAAS,2CAmGX"}

package/dist/types/components/Checkbox.d.ts

@@ -0,0 +1,33 @@
+import { Ref } from 'react';
+/**
+ * Custom Checkbox component dengan styling Tailwind:
+ * - Kotak “unchecked” → border abu‐abu
+ * - Kotak “checked”   → background hitam + ikon centang putih
+ * - Kotak “indeterminate” → background hitam + ikon minus putih
+ * - State disabled    → border & background memudar, teks memudar, ikon memudar
+ *
+ * @param {string} id         - ID unik untuk input (untuk accessibility).
+ * @param {string} label      - Teks label utama.
+ * @param {string} [subtext]  - Teks kecil di bawah label (opsional).
+ * @param {boolean} checked   - Controlled: apakah checked.
+ * @param {boolean} [indeterminate] - Controlled: apakah indeterminate.
+ * @param {(val: boolean) => void} onChange - Callback saat di‐toggle.
+ * @param {boolean} [disabled] - Jika true, tidak bisa diklik.
+ * @param {string} [className] - Tambahan Tailwind classes.
+ * @param {Ref<HTMLInputElement>} [inputRef] - Ref ke `<input>` untuk indeterminate.
+ * @param {boolean} [invalid] - Jika true, tampilkan border merah dan state error
+ */
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type'> {
+    id: string;
+    label: string;
+    subtext?: string;
+    checked: boolean;
+    indeterminate?: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    inputRef?: Ref<HTMLInputElement>;
+    invalid?: boolean;
+}
+export default function Checkbox({ id, label, subtext, checked, indeterminate, onChange, disabled, className, inputRef, invalid, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,GAAG,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,sCAAsC,CAAC;AAE9C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,MAAM,CACpB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,OAAY,EACZ,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,QAAgB,EAChB,SAAc,EACd,QAAQ,EACR,OAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CAmDf"}

package/dist/types/components/Chip.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+/**
+ * Satu opsi Chip statis.
+ */
+export interface ChipOption {
+    /** Teks yang ditampilkan */
+    label: string;
+    /** Value yang akan dikirim ke onSelect */
+    value: string;
+}
+/**
+ * Props untuk komponen Chip.
+ *
+ * @param {ChipOption[]}        options               Daftar opsi statis.
+ * @param {string}              selected              Value yang sedang dipilih.
+ * @param {'small'|'medium'}    [size='medium']       Ukuran chip.
+ * @param {'filled'|'outline'}  [variant='outline']   Variant chip (filled atau outline).
+ * @param {(value: string) => void} [onSelect]         Callback saat user memilih opsi atau menyelesaikan input kustom.
+ * @param {boolean}             [showCustomization]   Jika true, render tombol kustomisasi.
+ * @param {string}              [customizationLabel]  Label tombol kustomisasi. Default: "Kustomisasi".
+ * @param {ReactNode}           [customizationComponent] Override UI input kustom (default: number + "Hari").
+ * @param {string}              [className]           ClassName tambahan pada wrapper.
+ */
+export interface ChipProps {
+    options: ChipOption[];
+    selected: string;
+    size?: 'small' | 'medium';
+    variant?: 'filled' | 'outline';
+    onSelect?: (value: string) => void;
+    showCustomization?: boolean;
+    customizationLabel?: string;
+    customizationComponent?: ReactNode;
+    className?: string;
+}
+export default function Chip({ options, selected, size, variant, onSelect, showCustomization, customizationLabel, customizationComponent, className, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/types/components/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,IAAe,EACf,OAAmB,EACnB,QAAQ,EAER,iBAAyB,EACzB,kBAAkC,EAClC,sBAAsB,EAEtB,SAAc,GACf,EAAE,SAAS,2CA6FX"}

package/dist/types/components/Collapse.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+/**
+ * Collapse component: bungkus konten yang bisa di‐toggle open/close.
+ *
+ * @param {ReactNode} children — konten collapsed.
+ * @param {boolean} [defaultOpen=false] — state open awal.
+ * @param {string} [className] — class tambahan.
+ */
+export interface CollapseProps {
+    in: boolean;
+    timeout?: number | string;
+    children: ReactNode;
+    className?: string;
+}
+export default function Collapse({ in: isOpen, timeout, children, className, }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Collapse.d.ts.map

package/dist/types/components/Collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,sCAAsC,CAAC;AAE9C;;;;;;GAMG;AAGH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,EAAE,EAAE,MAAM,EACV,OAAa,EACb,QAAQ,EACR,SAAc,GACf,EAAE,aAAa,2CAkBf"}

package/dist/types/components/DatePicker.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export type DatePickerMode = 'single' | 'range' | 'multiple';
+export type DatePickerSize = 'sm' | 'md' | 'lg';
+export interface DatePickerProps {
+    /** Mode selection: 'range' (default), 'single', atau 'multiple' */
+    mode?: DatePickerMode;
+    /** Selected dates - format depends on mode */
+    selected: string[] | string;
+    /** Callback when selection changes - format depends on mode */
+    onChange: ((newRange: [string, string]) => void) | ((newDate: string) => void) | ((newDates: string[]) => void);
+    placeholder?: string | ReactNode;
+    popperPlacement?: 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'top' | 'top-start' | 'top-end';
+    /** format untuk PARSE & EMIT (default 'dd/MM/yyyy') */
+    dateFormat?: string;
+    className?: string;
+    /** Lebar tombol/trigger; contoh: 320 atau '24rem' atau '100%' */
+    triggerWidth?: number | string;
+    /** Max height panel; contoh: 420 atau '28rem' → panel auto scroll */
+    panelMaxHeight?: number | string;
+    /** Extra class untuk panel kalender */
+    panelClassName?: string;
+    triggerClassname?: string;
+    /** Disable dates before today */
+    disabledBackDate?: boolean;
+    /** Disable dates after today */
+    disabledFutureDate?: boolean;
+    /** Disable dates before this specific date (format: 'dd/MM/yyyy') */
+    disabledDateBefore?: string;
+    /** Disable dates after this specific date (format: 'dd/MM/yyyy') */
+    disabledDateAfter?: string;
+    /** Disable the entire component */
+    disabled?: boolean;
+    /** Make the component readonly */
+    readonly?: boolean;
+    /** Size variant */
+    size?: DatePickerSize;
+}
+export default function DatePicker({ mode, selected, onChange, placeholder, popperPlacement, dateFormat, className, triggerWidth, panelMaxHeight, panelClassName, triggerClassname, disabledBackDate, disabledFutureDate, disabledDateBefore, disabledDateAfter, disabled, readonly, size, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/types/components/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAGV,MAAM,OAAO,CAAC;AAUf,OAAO,yCAAyC,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,QAAQ,EACJ,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,GACtC,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAC3B,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,CAAC,EACZ,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,GACX,KAAK,GACL,WAAW,GACX,SAAS,CAAC;IACd,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gCAAgC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAkJD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAc,EACd,QAAQ,EACR,QAAQ,EACR,WAA6B,EAC7B,eAAgC,EAChC,UAAyB,EACzB,SAAc,EACd,YAAqB,EACrB,cAAc,EACd,cAAmB,EACnB,gBAAqB,EACrB,gBAAwB,EACxB,kBAA0B,EAC1B,kBAAkB,EAClB,iBAAiB,EACjB,QAAgB,EAChB,QAAgB,EAChB,IAAW,GACZ,EAAE,eAAe,2CA8oCjB"}

package/dist/types/components/Divider.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Divider component: garis pemisah untuk memecah konten.
+ *
+ * @param {'horizontal'|'vertical'} [orientation] - Arah garis.
+ * @param {'fullWidth'|'inset'|'middle'} [variant] - Margin variant.
+ * @param {boolean} [light] - Jika true, gunakan warna divider lebih terang.
+ * @param {boolean} [flexItem] - Jika true & vertical, cocokkan tinggi flex parent.
+ * @param {string} [className] - ClassName tambahan.
+ */
+export type DividerOrientation = 'horizontal' | 'vertical';
+export type DividerVariant = 'fullWidth' | 'inset' | 'middle';
+export interface DividerProps {
+    /**
+     * Arah divider:
+     * - "horizontal": garis mendatar (default)
+     * - "vertical": garis tegak
+     */
+    orientation?: DividerOrientation;
+    /**
+     * Variasi margin pada divider:
+     * - "fullWidth": melebar penuh (default)
+     * - "inset": sisakan margin di salah satu ujung (16px)
+     * - "middle": margin kiri & kanan auto (agar ter‐center)
+     */
+    variant?: DividerVariant;
+    /**
+     * Jika true, gunakan warna border yang lebih terang
+     * (menggunakan warna stroke-secondary).
+     */
+    light?: boolean;
+    /**
+     * Jika true, dan orientation="vertical", divider akan
+     * memanfaatkan tinggi flex container (self-stretch).
+     */
+    flexItem?: boolean;
+    /**
+     * ClassName Tailwind tambahan untuk override styling.
+     */
+    className?: string;
+}
+export default function Divider({ orientation, variant, light, flexItem, className, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/types/components/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,qCAAqC,CAAC;AAE7C;;;;;;;;GAQG;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,WAA0B,EAC1B,OAAqB,EACrB,KAAa,EACb,QAAgB,EAChB,SAAc,GACf,EAAE,YAAY,2CAWd"}