@omnifyjp/ui 0.4.5 → 0.5.1

package/dist/components/sidebar.d.ts

@@ -1,169 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { Button } from './button.js';
-import { Input } from './input.js';
-import { Separator } from './separator.js';
-import { TooltipContent } from './tooltip.js';
-import '../types-CBVkScfB.js';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-tooltip';
-
-type SidebarContextProps = {
-    /** Current sidebar state: "expanded" or "collapsed". */
-    state: "expanded" | "collapsed";
-    /** Whether the sidebar is open (desktop). */
-    open: boolean;
-    /** Set the sidebar open state (desktop). */
-    setOpen: (open: boolean) => void;
-    /** Whether the sidebar is open (mobile). */
-    openMobile: boolean;
-    /** Set the sidebar open state (mobile). */
-    setOpenMobile: (open: boolean) => void;
-    /** Whether the current viewport is mobile-sized. */
-    isMobile: boolean;
-    /** Toggle the sidebar open/closed. */
-    toggleSidebar: () => void;
-};
-/**
- * Hook to access sidebar state and controls.
- * Must be used within a {@link SidebarProvider}.
- *
- * @returns The sidebar context value including `state`, `open`, `toggleSidebar`, etc.
- * @throws If used outside of a SidebarProvider.
- */
-declare function useSidebar(): SidebarContextProps;
-/**
- * Context provider that manages sidebar open/collapsed state, mobile detection,
- * keyboard shortcut (Cmd/Ctrl+B), and cookie persistence.
- * Wrap your layout with this provider before using any Sidebar components.
- *
- * @param defaultOpen - Initial open state for uncontrolled mode. Defaults to `true`.
- * @param open - Controlled open state.
- * @param onOpenChange - Callback when open state changes (controlled mode).
- */
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
-    /** Initial open state for uncontrolled usage. Defaults to `true`. */
-    defaultOpen?: boolean;
-    /** Controlled open state. */
-    open?: boolean;
-    /** Callback fired when the sidebar open state changes. */
-    onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime.JSX.Element;
-/**
- * Application sidebar with collapsible groups, menus, and responsive behavior.
- * Built on top of Sheet for mobile and native sidebar for desktop.
- *
- * @param side - Which side of the viewport the sidebar appears on. Defaults to `"left"`.
- * @param variant - Visual variant: `"sidebar"` (default), `"floating"`, or `"inset"`.
- * @param collapsible - Collapse behavior: `"offcanvas"` (default), `"icon"`, or `"none"`.
- *
- * @example
- * ```tsx
- * <SidebarProvider>
- *   <Sidebar>
- *     <SidebarHeader>Logo</SidebarHeader>
- *     <SidebarContent>
- *       <SidebarGroup>
- *         <SidebarGroupLabel>Menu</SidebarGroupLabel>
- *         <SidebarMenu>
- *           <SidebarMenuItem>
- *             <SidebarMenuButton>Dashboard</SidebarMenuButton>
- *           </SidebarMenuItem>
- *         </SidebarMenu>
- *       </SidebarGroup>
- *     </SidebarContent>
- *     <SidebarFooter>Footer</SidebarFooter>
- *   </Sidebar>
- * </SidebarProvider>
- * ```
- */
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
-    /** Which side the sidebar appears on. Defaults to `"left"`. */
-    side?: "left" | "right";
-    /** Visual variant. Defaults to `"sidebar"`. */
-    variant?: "sidebar" | "floating" | "inset";
-    /** Collapse behavior. Defaults to `"offcanvas"`. */
-    collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime.JSX.Element;
-/** Button that toggles the sidebar open/closed. Renders a `PanelLeftIcon` ghost button. */
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-/** Thin vertical rail on the sidebar edge that toggles the sidebar on click. */
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
-/** Main content area that sits beside the sidebar. Use with `variant="inset"`. */
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
-/** Search input styled for use inside the sidebar. */
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
-/** Container for the top section of the sidebar (logo, org selector, etc.). */
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Container for the bottom section of the sidebar (user menu, settings, etc.). */
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Horizontal separator styled with sidebar border color. */
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
-/** Scrollable content area between SidebarHeader and SidebarFooter. Houses SidebarGroup components. */
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Logical grouping of sidebar items. Typically contains a SidebarGroupLabel and SidebarMenu. */
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Small heading label for a SidebarGroup (e.g. "Navigation", "Projects"). */
-declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-/** Action button positioned at the top-right of a SidebarGroup (e.g. "Add" button). */
-declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-/** Wrapper for content inside a SidebarGroup, below the label. */
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Unordered list container for SidebarMenuItem components. */
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-/** List item wrapper for a single sidebar menu entry. Contains a SidebarMenuButton. */
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * Clickable button inside a SidebarMenuItem. Supports size/variant variants,
- * active state highlighting, and an optional tooltip shown when collapsed to icon mode.
- *
- * @param isActive - Whether this item is the current active route.
- * @param tooltip - Tooltip text or TooltipContent props shown in collapsed icon mode.
- * @param asChild - Merge props onto the child element instead of rendering a button.
- */
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
-    /** Render as child element via Radix Slot. */
-    asChild?: boolean;
-    /** Whether this menu item represents the active route. */
-    isActive?: boolean;
-    /** Tooltip shown when sidebar is collapsed to icon mode. */
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
-/** Action button that appears to the right of a SidebarMenuButton (e.g. "more" or "delete"). */
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    /** When true, only shows on hover/focus of the parent menu item. */
-    showOnHover?: boolean;
-}): react_jsx_runtime.JSX.Element;
-/** Small count or status badge displayed to the right of a SidebarMenuButton. */
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Loading skeleton placeholder for a sidebar menu item. */
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
-    /** Whether to show an icon skeleton alongside the text skeleton. */
-    showIcon?: boolean;
-}): react_jsx_runtime.JSX.Element;
-/** Nested sub-menu list with a left border, used for collapsible sub-navigation. */
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-/** List item wrapper for a single sub-menu entry inside SidebarMenuSub. */
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-/** Clickable link/button inside a SidebarMenuSubItem. Renders as an anchor by default. */
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
-    /** Render as child element via Radix Slot. */
-    asChild?: boolean;
-    /** Text size: `"sm"` (12px) or `"md"` (14px). Defaults to `"md"`. */
-    size?: "sm" | "md";
-    /** Whether this sub-menu item represents the active route. */
-    isActive?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components/sidebar.js

@@ -1,11 +0,0 @@
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from '../chunk-XUVLD65E.js';
-import '../chunk-C5NZAOA7.js';
-import '../chunk-WRCHR4AK.js';
-import '../chunk-JXGRW2MR.js';
-import '../chunk-3VU56V66.js';
-import '../chunk-JLTBUACL.js';
-import '../chunk-PGWNOZDX.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=sidebar.js.map
-//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar.js"}

package/dist/types-CBVkScfB.d.ts

@@ -1,84 +0,0 @@
-/**
- * Shared UI types for @omnifyjp/ui components.
- *
- * These types enforce consistent APIs across Button, Badge, Alert, and future components.
- * Import from `@omnifyjp/ui` or `@omnifyjp/ui/lib/types`.
- *
- * @example
- * ```tsx
- * import type { UIColor, UISize } from '@omnifyjp/ui';
- * ```
- */
-/**
- * Semantic color intent for UI components.
- *
- * Each color maps to a pair of CSS custom properties in theme.css:
- * `--{color}` (background) and `--{color}-foreground` (text on that background).
- *
- * | Color | CSS Variable | Default (Light) | Use for |
- * |-------|-------------|-----------------|---------|
- * | `primary` | `--primary` | `#030213` | Main actions, active states |
- * | `destructive` | `--destructive` | `#d4183d` | Delete, errors, dangerous actions |
- * | `success` | `--success` | `#10b981` | Confirmed, approved, completed |
- * | `warning` | `--warning` | `#f59e0b` | Caution, needs attention |
- * | `info` | `--info` | `#3b82f6` | Informational, neutral highlights |
- *
- * Consumers override these via CSS custom properties:
- * ```css
- * :root { --primary: #dc2626; }
- * ```
- *
- * @example
- * ```tsx
- * <Button color="success">Approve</Button>
- * <Badge color="warning">Pending</Badge>
- * <Alert color="info">Tip: use keyboard shortcuts</Alert>
- * ```
- */
-type UIColor = 'primary' | 'destructive' | 'success' | 'warning' | 'info';
-/**
- * Visual display variant for UI components.
- *
- * Controls **how** the color is rendered, independent of **which** color.
- * Combine with `color` prop for full flexibility: `variant="outline" color="destructive"`.
- *
- * | Variant | Description |
- * |---------|-------------|
- * | `default` | Solid filled background with contrasting text |
- * | `secondary` | Muted/gray background (color-independent) |
- * | `outline` | Border with transparent background, colored text |
- * | `soft` | Light tinted background (10% opacity of color) |
- * | `ghost` | Transparent, shows tinted background on hover |
- * | `link` | Text-only with underline on hover |
- *
- * @example
- * ```tsx
- * <Button variant="soft" color="success">Approve</Button>
- * <Button variant="outline" color="destructive">Reject</Button>
- * <Badge variant="soft" color="warning">In Review</Badge>
- * ```
- */
-type UIVariant = 'default' | 'secondary' | 'outline' | 'soft' | 'ghost' | 'link';
-/**
- * Standard size scale for UI components.
- *
- * Maps to density tokens in theme.css for consistent sizing across the system.
- *
- * | Size | Height Token | Pixels | Use for |
- * |------|-------------|--------|---------|
- * | `xs` | `h-element-xs` | 24px | Compact tables, inline actions |
- * | `sm` | `h-element-sm` | 28px | Secondary actions, tight layouts |
- * | `default` | `h-element` | 32px | Standard buttons, inputs |
- * | `lg` | `h-element-lg` | 36px | Primary CTAs, form actions |
- * | `xl` | `h-element-xl` | 44px | Login forms, hero sections |
- *
- * @example
- * ```tsx
- * <Button size="sm">Edit</Button>
- * <Button size="xl" block>Sign In</Button>
- * <Input size="lg" />
- * ```
- */
-type UISize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
-
-export type { UIColor as U, UISize as a, UIVariant as b };

package/src/styles/index.css

@@ -1,3 +0,0 @@
-@import './fonts.css';
-@import './tailwind.css';
-@import './theme.css';

package/src/styles/tailwind.css

@@ -1,4 +0,0 @@
-@import 'tailwindcss' source(none);
-@source '../**/*.{js,ts,jsx,tsx}';
-
-@import 'tw-animate-css';