sinwan-ui-core 0.0.0 → 1.0.0

package/dist/index.js

@@ -0,0 +1,166 @@
+import {
+  isSinwanElement2,
+  flattenChildren2
+} from "./chunks/chunk-7r6fwdyt.js";
+import {
+  Slot2
+} from "./chunks/chunk-bw9vp0y9.js";
+import {
+  toFloatingPlacement2,
+  basePlacement2,
+  readDocumentRtl2,
+  createRectReference2,
+  createSizeFloating2,
+  createPointReference2,
+  computePosition2,
+  estimatePosition2,
+  useAnchorPosition2,
+  usePointPosition2
+} from "./chunks/chunk-6r59k5mb.js";
+import {
+  SinwanPortal2,
+  signal2,
+  Presence2,
+  UiPortal2,
+  useControllableState2,
+  getFocusableElements2,
+  trapFocus2
+} from "./chunks/chunk-ejwby1pn.js";
+import {
+  For2,
+  TabsKey2,
+  TabsRoot2,
+  TabsList2,
+  TabsTrigger2,
+  TabsContent2,
+  AccordionKey2,
+  AccordionItemKey2,
+  AccordionRoot2,
+  AccordionItem2,
+  AccordionTrigger2,
+  AccordionContent2,
+  CheckboxRoot2,
+  SwitchRoot2,
+  RadioGroupKey2,
+  RadioGroupRoot2,
+  RadioGroupItem2,
+  ToggleRoot2,
+  ToggleGroupKey2,
+  ToggleGroupRoot2,
+  ToggleGroupItem2
+} from "./chunks/chunk-te52bwb8.js";
+import {
+  DirectionKey2,
+  DirectionProvider2,
+  useDirection2
+} from "./chunks/chunk-f6hw8ash.js";
+import {
+  isDismissExemptPointerTarget2
+} from "./chunks/chunk-9whagkb6.js";
+import {
+  createMenuSubApi2,
+  createMenuSubTriggerHandlers2,
+  isInsideMenuSubContent2,
+  MenuSubContentLayer2
+} from "./chunks/chunk-8zvv4kad.js";
+import {
+  DialogKey2,
+  DialogRoot2,
+  DialogTrigger2,
+  DialogClose2,
+  DialogOverlay2,
+  DialogContent2,
+  CollapsibleKey2,
+  CollapsibleRoot2,
+  CollapsibleTrigger2,
+  CollapsibleContent2,
+  PopoverKey2,
+  PopoverRoot2,
+  PopoverTrigger2,
+  PopoverContent2,
+  TooltipKey2,
+  TooltipProvider2,
+  TooltipRoot2,
+  TooltipTrigger2,
+  TooltipContent2
+} from "./chunks/chunk-94xhejch.js";
+import {
+  ThemeKey2,
+  ThemeProvider2,
+  useTheme2,
+  ThemeToggle2
+} from "./chunks/chunk-xaegn57w.js";
+export {
+  AccordionContent2 as AccordionContent,
+  AccordionItem2 as AccordionItem,
+  AccordionItemKey2 as AccordionItemKey,
+  AccordionKey2 as AccordionKey,
+  AccordionRoot2 as AccordionRoot,
+  AccordionTrigger2 as AccordionTrigger,
+  CheckboxRoot2 as CheckboxRoot,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleKey2 as CollapsibleKey,
+  CollapsibleRoot2 as CollapsibleRoot,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  DialogClose2 as DialogClose,
+  DialogContent2 as DialogContent,
+  DialogKey2 as DialogKey,
+  DialogOverlay2 as DialogOverlay,
+  DialogRoot2 as DialogRoot,
+  DialogTrigger2 as DialogTrigger,
+  DirectionKey2 as DirectionKey,
+  DirectionProvider2 as DirectionProvider,
+  For2 as For,
+  MenuSubContentLayer2 as MenuSubContentLayer,
+  PopoverContent2 as PopoverContent,
+  PopoverKey2 as PopoverKey,
+  PopoverRoot2 as PopoverRoot,
+  PopoverTrigger2 as PopoverTrigger,
+  Presence2 as Presence,
+  RadioGroupItem2 as RadioGroupItem,
+  RadioGroupKey2 as RadioGroupKey,
+  RadioGroupRoot2 as RadioGroupRoot,
+  SinwanPortal2 as SinwanPortal,
+  Slot2 as Slot,
+  SwitchRoot2 as SwitchRoot,
+  TabsContent2 as TabsContent,
+  TabsKey2 as TabsKey,
+  TabsList2 as TabsList,
+  TabsRoot2 as TabsRoot,
+  TabsTrigger2 as TabsTrigger,
+  ThemeKey2 as ThemeKey,
+  ThemeProvider2 as ThemeProvider,
+  ThemeToggle2 as ThemeToggle,
+  ToggleGroupItem2 as ToggleGroupItem,
+  ToggleGroupKey2 as ToggleGroupKey,
+  ToggleGroupRoot2 as ToggleGroupRoot,
+  ToggleRoot2 as ToggleRoot,
+  TooltipContent2 as TooltipContent,
+  TooltipKey2 as TooltipKey,
+  TooltipProvider2 as TooltipProvider,
+  TooltipRoot2 as TooltipRoot,
+  TooltipTrigger2 as TooltipTrigger,
+  UiPortal2 as UiPortal,
+  basePlacement2 as basePlacement,
+  computePosition2 as computePosition,
+  createMenuSubApi2 as createMenuSubApi,
+  createMenuSubTriggerHandlers2 as createMenuSubTriggerHandlers,
+  createPointReference2 as createPointReference,
+  createRectReference2 as createRectReference,
+  createSizeFloating2 as createSizeFloating,
+  estimatePosition2 as estimatePosition,
+  flattenChildren2 as flattenChildren,
+  getFocusableElements2 as getFocusableElements,
+  isDismissExemptPointerTarget2 as isDismissExemptPointerTarget,
+  isInsideMenuSubContent2 as isInsideMenuSubContent,
+  isSinwanElement2 as isSinwanElement,
+  readDocumentRtl2 as readDocumentRtl,
+  signal2 as signal,
+  toFloatingPlacement2 as toFloatingPlacement,
+  trapFocus2 as trapFocus,
+  useAnchorPosition2 as useAnchorPosition,
+  useControllableState2 as useControllableState,
+  useDirection2 as useDirection,
+  usePointPosition2 as usePointPosition,
+  useTheme2 as useTheme
+};

package/dist/menu-sub.d.ts

@@ -0,0 +1,34 @@
+import { type SinwanNode } from "sinwan/component";
+import { type Computed, type Signal } from "sinwan/reactivity";
+export type MenuSubApi = {
+    open: Signal<boolean> | Computed<boolean>;
+    setOpen: (value: boolean) => void;
+    triggerEl: Signal<HTMLElement | null>;
+    cancelClose: () => void;
+    requestClose: (delayMs?: number) => void;
+};
+export type MenuSubOptions = {
+    controlled: boolean;
+    defaultOpen?: boolean;
+    readOpen: () => boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Open state of the menu or submenu that contains this submenu; the sub closes when it turns false. */
+    parentOpen?: () => boolean;
+};
+export type MenuSubTriggerHandlers = {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onClick: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+};
+export declare function createMenuSubApi(options: MenuSubOptions): MenuSubApi;
+/** Hover, click and ArrowRight open the sub (never toggle it closed); leaving starts the hover close delay. */
+export declare function createMenuSubTriggerHandlers(api: MenuSubApi): MenuSubTriggerHandlers;
+export declare function isInsideMenuSubContent(target: EventTarget | null): boolean;
+export type MenuSubContentLayerProps = {
+    api: MenuSubApi;
+    slot: string;
+    class?: string;
+    children?: SinwanNode;
+};
+export declare function MenuSubContentLayer(props: MenuSubContentLayerProps): SinwanNode;

package/dist/menu-sub.js

@@ -0,0 +1,14 @@
+import {
+  createMenuSubApi2,
+  createMenuSubTriggerHandlers2,
+  isInsideMenuSubContent2,
+  MenuSubContentLayer2
+} from "./chunks/chunk-8zvv4kad.js";
+import"./chunks/chunk-ejwby1pn.js";
+import"./chunks/chunk-6r59k5mb.js";
+export {
+  MenuSubContentLayer2 as MenuSubContentLayer,
+  createMenuSubApi2 as createMenuSubApi,
+  createMenuSubTriggerHandlers2 as createMenuSubTriggerHandlers,
+  isInsideMenuSubContent2 as isInsideMenuSubContent
+};

package/dist/overlay.d.ts

@@ -0,0 +1,111 @@
+import { type InjectionKey, type SinwanNode } from "sinwan/component";
+import { signal, type Computed, type Signal } from "sinwan/reactivity";
+import { type Align, type Placement } from "./core";
+export type OpenApi = {
+    open: Signal<boolean> | Computed<boolean>;
+    setOpen: (value: boolean) => void;
+    triggerEl: ReturnType<typeof signal<HTMLElement | null>>;
+    requestClose: (delayMs?: number) => void;
+    cancelClose: () => void;
+    isHoverOpenBlocked: () => boolean;
+    setPointerOverTrigger: (over: boolean) => void;
+};
+export declare const DialogKey: InjectionKey<OpenApi>;
+export type DialogRootProps = {
+    children?: SinwanNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const DialogRoot: import("sinwan/component").SinwanComponent<DialogRootProps>;
+export declare const DialogTrigger: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    asChild?: boolean;
+}>;
+export declare const DialogClose: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    asChild?: boolean;
+}>;
+export declare const DialogOverlay: import("sinwan/component").SinwanComponent<{
+    class?: string;
+}>;
+export declare const DialogContent: import("sinwan/component").SinwanComponent<{
+    [key: `data-${string}`]: string | undefined;
+    children?: SinwanNode;
+    class?: string;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    "data-side"?: string;
+    "data-size"?: string;
+    "data-vaul-drawer-direction"?: string;
+    "data-slot"?: string;
+}>;
+export declare const CollapsibleKey: InjectionKey<{
+    open: Signal<boolean> | Computed<boolean>;
+    setOpen: (v: boolean) => void;
+}>;
+export declare const CollapsibleRoot: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    class?: string;
+}>;
+export declare const CollapsibleTrigger: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    asChild?: boolean;
+}>;
+export declare const CollapsibleContent: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+}>;
+export declare const PopoverKey: InjectionKey<OpenApi & {
+    placement: Placement;
+    align: Align;
+}>;
+export declare const PopoverRoot: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+    align?: Align;
+}>;
+export declare const PopoverTrigger: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    asChild?: boolean;
+}>;
+export declare const PopoverContent: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    side?: Placement;
+    align?: Align;
+    sideOffset?: number;
+    onmouseenter?: (event: MouseEvent) => void;
+    onmouseleave?: (event: MouseEvent) => void;
+}>;
+export declare const TooltipKey: InjectionKey<OpenApi>;
+export declare const TooltipProvider: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    delayDuration?: number;
+}>;
+export declare const TooltipRoot: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}>;
+export declare const TooltipTrigger: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    asChild?: boolean;
+}>;
+export declare const TooltipContent: import("sinwan/component").SinwanComponent<{
+    children?: SinwanNode;
+    class?: string;
+    side?: Placement;
+    sideOffset?: number;
+}>;

package/dist/overlay.js

@@ -0,0 +1,47 @@
+import {
+  DialogKey2,
+  DialogRoot2,
+  DialogTrigger2,
+  DialogClose2,
+  DialogOverlay2,
+  DialogContent2,
+  CollapsibleKey2,
+  CollapsibleRoot2,
+  CollapsibleTrigger2,
+  CollapsibleContent2,
+  PopoverKey2,
+  PopoverRoot2,
+  PopoverTrigger2,
+  PopoverContent2,
+  TooltipKey2,
+  TooltipProvider2,
+  TooltipRoot2,
+  TooltipTrigger2,
+  TooltipContent2
+} from "./chunks/chunk-94xhejch.js";
+import"./chunks/chunk-bw9vp0y9.js";
+import"./chunks/chunk-7r6fwdyt.js";
+import"./chunks/chunk-9whagkb6.js";
+import"./chunks/chunk-ejwby1pn.js";
+import"./chunks/chunk-6r59k5mb.js";
+export {
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleKey2 as CollapsibleKey,
+  CollapsibleRoot2 as CollapsibleRoot,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  DialogClose2 as DialogClose,
+  DialogContent2 as DialogContent,
+  DialogKey2 as DialogKey,
+  DialogOverlay2 as DialogOverlay,
+  DialogRoot2 as DialogRoot,
+  DialogTrigger2 as DialogTrigger,
+  PopoverContent2 as PopoverContent,
+  PopoverKey2 as PopoverKey,
+  PopoverRoot2 as PopoverRoot,
+  PopoverTrigger2 as PopoverTrigger,
+  TooltipContent2 as TooltipContent,
+  TooltipKey2 as TooltipKey,
+  TooltipProvider2 as TooltipProvider,
+  TooltipRoot2 as TooltipRoot,
+  TooltipTrigger2 as TooltipTrigger
+};

package/dist/slot.d.ts

@@ -0,0 +1,8 @@
+import type { SinwanNode } from "sinwan/component";
+/**
+ * Merge Slot props onto a single Sinwan element child (asChild pattern).
+ */
+export declare function Slot(props: {
+    children?: unknown;
+    [key: string]: unknown;
+}): SinwanNode;

package/dist/slot.js

@@ -0,0 +1,7 @@
+import {
+  Slot2
+} from "./chunks/chunk-bw9vp0y9.js";
+import"./chunks/chunk-7r6fwdyt.js";
+export {
+  Slot2 as Slot
+};

package/dist/theme.d.ts

@@ -0,0 +1,34 @@
+import { type InjectionKey, type SinwanNode } from "sinwan/component";
+import { type Signal } from "sinwan/reactivity";
+export type Theme = "light" | "dark" | "system";
+export type ResolvedTheme = "light" | "dark";
+export type Palette = "credit-blue" | "jomlaty";
+export type ThemeApi = {
+    theme: Signal<Theme>;
+    resolved: Signal<ResolvedTheme>;
+    setTheme: (theme: Theme) => void;
+    themes: Theme[];
+    palette: Signal<Palette>;
+    setPalette: (palette: Palette) => void;
+    palettes: Palette[];
+};
+export declare const ThemeKey: InjectionKey<ThemeApi>;
+export type ThemeProviderProps = {
+    children?: SinwanNode;
+    defaultTheme?: Theme;
+    forcedTheme?: Theme;
+    storageKey?: string;
+    defaultPalette?: Palette;
+    forcedPalette?: Palette;
+    paletteStorageKey?: string;
+    palettes?: Palette[];
+    disableTransitionOnChange?: boolean;
+    enableSystem?: boolean;
+    attribute?: "class" | "data-theme";
+};
+export declare const ThemeProvider: import("sinwan/component").SinwanComponent<ThemeProviderProps>;
+export declare function useTheme(): ThemeApi;
+export declare const ThemeToggle: import("sinwan/component").SinwanComponent<{
+    class?: string;
+    children?: SinwanNode;
+}>;

package/dist/theme.js

@@ -0,0 +1,12 @@
+import {
+  ThemeKey2,
+  ThemeProvider2,
+  useTheme2,
+  ThemeToggle2
+} from "./chunks/chunk-xaegn57w.js";
+export {
+  ThemeKey2 as ThemeKey,
+  ThemeProvider2 as ThemeProvider,
+  ThemeToggle2 as ThemeToggle,
+  useTheme2 as useTheme
+};

package/dist/types.d.ts

@@ -0,0 +1,11 @@
+import type { SinwanElement, SinwanNode } from "sinwan/component";
+export type DivProps = JSX.IntrinsicElements["div"];
+export type ButtonHTMLProps = JSX.IntrinsicElements["button"];
+export type InputHTMLProps = JSX.IntrinsicElements["input"];
+export type TextareaHTMLProps = JSX.IntrinsicElements["textarea"];
+export type LabelHTMLProps = JSX.IntrinsicElements["label"];
+export type AnchorHTMLProps = JSX.IntrinsicElements["a"];
+export type SpanProps = JSX.IntrinsicElements["span"];
+export type SVGProps = JSX.IntrinsicElements["svg"];
+export declare function isSinwanElement(node: SinwanNode): node is SinwanElement;
+export declare function flattenChildren(children: SinwanNode | undefined): SinwanNode[];

package/dist/types.js

@@ -0,0 +1,8 @@
+import {
+  isSinwanElement2,
+  flattenChildren2
+} from "./chunks/chunk-7r6fwdyt.js";
+export {
+  flattenChildren2 as flattenChildren,
+  isSinwanElement2 as isSinwanElement
+};

package/package.json

@@ -1,15 +1,118 @@
 {
-  "version": "0.0.0",
   "name": "sinwan-ui-core",
-  "module": "index.ts",
+  "version": "1.0.0",
+  "description": "Headless behaviour primitives for Sinwan UI components: overlays, floating positioning, dismiss layers, controls, slots, theme and direction.",
+  "author": "Mohammed Ben Cheikh",
+  "license": "MIT",
+  "homepage": "https://sinwanjs.com",
+  "bugs": "https://github.com/sinwanjs/sinwan-ui-core/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sinwanjs/sinwan-ui-core.git"
+  },
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "sinwan-ui-core:source": "./src/index.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./controls": {
+      "types": "./dist/controls.d.ts",
+      "sinwan-ui-core:source": "./src/controls.tsx",
+      "import": "./dist/controls.js",
+      "default": "./dist/controls.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "sinwan-ui-core:source": "./src/core.tsx",
+      "import": "./dist/core.js",
+      "default": "./dist/core.js"
+    },
+    "./direction": {
+      "types": "./dist/direction.d.ts",
+      "sinwan-ui-core:source": "./src/direction.tsx",
+      "import": "./dist/direction.js",
+      "default": "./dist/direction.js"
+    },
+    "./dismiss": {
+      "types": "./dist/dismiss.d.ts",
+      "sinwan-ui-core:source": "./src/dismiss.ts",
+      "import": "./dist/dismiss.js",
+      "default": "./dist/dismiss.js"
+    },
+    "./floating": {
+      "types": "./dist/floating.d.ts",
+      "sinwan-ui-core:source": "./src/floating.ts",
+      "import": "./dist/floating.js",
+      "default": "./dist/floating.js"
+    },
+    "./menu-sub": {
+      "types": "./dist/menu-sub.d.ts",
+      "sinwan-ui-core:source": "./src/menu-sub.tsx",
+      "import": "./dist/menu-sub.js",
+      "default": "./dist/menu-sub.js"
+    },
+    "./overlay": {
+      "types": "./dist/overlay.d.ts",
+      "sinwan-ui-core:source": "./src/overlay.tsx",
+      "import": "./dist/overlay.js",
+      "default": "./dist/overlay.js"
+    },
+    "./slot": {
+      "types": "./dist/slot.d.ts",
+      "sinwan-ui-core:source": "./src/slot.ts",
+      "import": "./dist/slot.js",
+      "default": "./dist/slot.js"
+    },
+    "./theme": {
+      "types": "./dist/theme.d.ts",
+      "sinwan-ui-core:source": "./src/theme.tsx",
+      "import": "./dist/theme.js",
+      "default": "./dist/theme.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "sinwan-ui-core:source": "./src/types.ts",
+      "import": "./dist/types.js",
+      "default": "./dist/types.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "keywords": [
+    "sinwan",
+    "ui",
+    "headless",
+    "primitives",
+    "accessibility",
+    "floating"
+  ],
   "scripts": {
-    "typecheck": "bun check"
+    "build": "bun run build.ts",
+    "test": "bun test --coverage ./__tests__",
+    "typecheck": "bunx tsc -p tsconfig.json",
+    "exports:check": "bun run scripts/export-map.ts --check",
+    "exports:sync": "bun run scripts/export-map.ts --write"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.8.0"
   },
   "devDependencies": {
-    "@types/bun": "latest"
+    "@types/bun": "latest",
+    "bun-plugin-sinwan": "1.0.0",
+    "happy-dom": "^20.14.5",
+    "sinwan": "^2.0.3",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "typescript": "^7"
+    "sinwan": ">=2.0.3 <3.0.0"
   }
 }