@kamod-ch/ui 1.0.1 → 1.1.0

package/README.md

@@ -1,9 +1,9 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-dark.svg#gh-light-mode-only" alt="kamod | UI" width="280" />
-  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-light.svg#gh-dark-mode-only" alt="kamod | UI" width="280" />
+  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-dark.svg#gh-light-mode-only" alt="Kamod UI" width="280" />
+  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-light.svg#gh-dark-mode-only" alt="Kamod UI" width="280" />
 </p>
 
-<h1 align="center">Kamod UI</h1>
+# Kamod UI
 
 Lightweight UI components for **Preact** and **Tailwind**: composable primitives you can customize, extend, and ship without a heavy runtime. Open source; source is meant to be read and adapted.
 

package/dist/SidebarProvider-Bx7-BdQn.d.ts

@@ -0,0 +1,160 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+import { a as InputProps } from './Input-Cem05el9.js';
+import { a as SeparatorProps } from './Separator-DCQYrnpB.js';
+
+type SidebarMenuProps = JSX.HTMLAttributes<HTMLUListElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenu: ({ class: className, children, ...rest }: SidebarMenuProps) => JSX.Element;
+type SidebarMenuItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuItem: ({ class: className, children, ...rest }: SidebarMenuItemProps) => JSX.Element;
+declare const sidebarMenuButton: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type SidebarMenuButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof sidebarMenuButton> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | JSX.HTMLAttributes<HTMLDivElement>;
+    children?: ComponentChildren;
+};
+declare const SidebarMenuButton: ({ asChild, isActive, variant, size, tooltip, class: className, children, ...rest }: SidebarMenuButtonProps) => JSX.Element;
+type SidebarMenuActionProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarMenuAction: ({ class: className, asChild, showOnHover, children, ...rest }: SidebarMenuActionProps) => JSX.Element;
+type SidebarMenuBadgeProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuBadge: ({ class: className, children, ...rest }: SidebarMenuBadgeProps) => JSX.Element;
+type SidebarMenuSkeletonProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+};
+declare const SidebarMenuSkeleton: ({ class: className, showIcon, ...rest }: SidebarMenuSkeletonProps) => JSX.Element;
+type SidebarMenuSubProps = JSX.HTMLAttributes<HTMLUListElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuSub: ({ class: className, children, ...rest }: SidebarMenuSubProps) => JSX.Element;
+type SidebarMenuSubItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuSubItem: ({ class: className, children, ...rest }: SidebarMenuSubItemProps) => JSX.Element;
+type SidebarMenuSubButtonProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarMenuSubButton: ({ asChild, size, isActive, class: className, children, ...rest }: SidebarMenuSubButtonProps) => JSX.Element;
+
+type SidebarInputProps = InputProps;
+declare const SidebarInput: ({ class: className, ...rest }: SidebarInputProps) => JSX.Element;
+type SidebarSeparatorProps = SeparatorProps;
+declare const SidebarSeparator: ({ class: className, ...rest }: SidebarSeparatorProps) => JSX.Element;
+type SidebarGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarGroup: ({ class: className, children, ...rest }: SidebarGroupProps) => JSX.Element;
+type SidebarGroupLabelProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarGroupLabel: ({ class: className, asChild, children, ...rest }: SidebarGroupLabelProps) => JSX.Element;
+type SidebarGroupActionProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarGroupAction: ({ class: className, asChild, children, ...rest }: SidebarGroupActionProps) => JSX.Element;
+type SidebarGroupContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarGroupContent: ({ class: className, children, ...rest }: SidebarGroupContentProps) => JSX.Element;
+
+type SidebarRailProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const SidebarRail: ({ class: className, ...rest }: SidebarRailProps) => JSX.Element;
+
+type SidebarInsetProps = JSX.HTMLAttributes<HTMLElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarInset: ({ class: className, children, ...rest }: SidebarInsetProps) => JSX.Element;
+
+type SidebarFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarFooter: ({ class: className, children, ...rest }: SidebarFooterProps) => JSX.Element;
+
+type SidebarContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarContent: ({ class: className, children, ...rest }: SidebarContentProps) => JSX.Element;
+
+type SidebarHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarHeader: ({ class: className, children, ...rest }: SidebarHeaderProps) => JSX.Element;
+
+type SidebarTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    class?: string;
+};
+declare const SidebarTrigger: ({ class: className, onClick, ...rest }: SidebarTriggerProps) => JSX.Element;
+
+type SidebarProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+    children?: ComponentChildren;
+};
+declare const Sidebar: ({ side, variant, collapsible, class: className, children, ...rest }: SidebarProps) => JSX.Element;
+
+type SidebarContextValue = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean | ((prev: boolean) => boolean)) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean | ((prev: boolean) => boolean)) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const useSidebar: () => SidebarContextValue;
+type SidebarProviderProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ComponentChildren;
+};
+declare const SidebarProvider: ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, class: className, style, children, ...rest }: SidebarProviderProps) => JSX.Element;
+
+export { type SidebarHeaderProps as A, type SidebarContentProps as B, type SidebarFooterProps as C, type SidebarInsetProps as D, type SidebarRailProps as E, type SidebarGroupProps as F, type SidebarMenuProps as G, Sidebar as S, SidebarContent as a, SidebarFooter as b, SidebarGroup as c, SidebarGroupAction as d, SidebarGroupContent as e, SidebarGroupLabel as f, SidebarHeader as g, SidebarInput as h, SidebarInset as i, SidebarMenu as j, SidebarMenuAction as k, SidebarMenuBadge as l, SidebarMenuButton as m, SidebarMenuItem as n, SidebarMenuSkeleton as o, SidebarMenuSub as p, SidebarMenuSubButton as q, SidebarMenuSubItem as r, type SidebarProps as s, SidebarProvider as t, type SidebarProviderProps as u, SidebarRail as v, SidebarSeparator as w, SidebarTrigger as x, useSidebar as y, type SidebarTriggerProps as z };