@simplysm/solid 13.0.75 → 13.0.77

package/src/components/data/sheet/DataSheet.css

@@ -1,44 +0,0 @@
-[data-sheet] tbody tr {
-  position: relative;
-}
-
-/* ::after 공통 — content가 없으면 렌더링되지 않으므로 각 상태에서 content 설정 */
-[data-sheet] tbody tr::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  z-index: 10;
-}
-
-[data-sheet] tbody tr:hover::after {
-  content: "";
-  background: rgb(0 0 0 / 3%);
-}
-
-/* 선택 행 시각 효과 — 호버보다 약간 더 진하게 */
-[data-sheet] tbody tr[data-selected]::after {
-  content: "";
-  background: rgb(0 0 0 / 5%);
-}
-
-/* 드래그 중인 행 */
-[data-sheet] tbody tr[data-dragging] > td {
-  opacity: 0.5;
-}
-
-/* inside 드롭 대상 행 */
-[data-sheet] tbody tr[data-drag-over="inside"]::after {
-  content: "";
-  background: rgb(59 130 246 / 10%);
-}
-
-.dark [data-sheet] tbody tr:hover::after {
-  background: rgb(255 255 255 / 4%);
-}
-
-.dark [data-sheet] tbody tr[data-selected]::after {
-  background: rgb(255 255 255 / 6%);
-}

package/src/components/disclosure/DialogContext.ts

@@ -1,69 +0,0 @@
-import { createContext, useContext, type Accessor, type JSX } from "solid-js";
-
-/** Dialog default configuration */
-export interface DialogDefaults {
-  /** Allow closing via ESC key */
-  closeOnEscape?: boolean;
-  /** Allow closing via backdrop click */
-  closeOnBackdrop?: boolean;
-}
-
-/** Dialog default configuration Context */
-export const DialogDefaultsContext = createContext<Accessor<DialogDefaults>>();
-
-/** Programmatic dialog options */
-export interface DialogShowOptions {
-  /** Dialog header */
-  header?: JSX.Element;
-  /** Show close button */
-  closable?: boolean;
-  /** Close on backdrop click */
-  closeOnBackdrop?: boolean;
-  /** Close on ESC key */
-  closeOnEscape?: boolean;
-  /** Resizable */
-  resizable?: boolean;
-  /** Draggable */
-  movable?: boolean;
-  /** Floating mode (fixed to bottom-right) */
-  float?: boolean;
-  /** Fill full screen */
-  fill?: boolean;
-  /** Initial width (px) */
-  width?: number;
-  /** Initial height (px) */
-  height?: number;
-  /** Minimum width (px) */
-  minWidth?: number;
-  /** Minimum height (px) */
-  minHeight?: number;
-  /** Floating position */
-  position?: "bottom-right" | "top-right";
-  /** Custom header style */
-  headerStyle?: JSX.CSSProperties | string;
-  /** Confirmation function before closing (return false to cancel) */
-  canDeactivate?: () => boolean;
-}
-
-/** Programmatic dialog Context value */
-export interface DialogContextValue {
-  /** Open dialog and wait until closing, returns result */
-  show<T = undefined>(
-    factory: () => JSX.Element,
-    options: DialogShowOptions,
-  ): Promise<T | undefined>;
-}
-
-/** Programmatic dialog Context */
-export const DialogContext = createContext<DialogContextValue>();
-
-/**
- * Hook to access programmatic dialogs
- *
- * @throws Throws error if DialogProvider is not present
- */
-export function useDialog(): DialogContextValue {
-  const ctx = useContext(DialogContext);
-  if (!ctx) throw new Error("useDialog can only be used inside DialogProvider");
-  return ctx;
-}

package/src/components/disclosure/DialogInstanceContext.ts

@@ -1,25 +0,0 @@
-import { createContext, useContext } from "solid-js";
-
-/**
- * Dialog instance (used internally within programmatic dialogs)
- */
-export interface DialogInstance<TResult> {
-  /** Close dialog (result is passed to show() Promise) */
-  close: (result?: TResult) => void;
-}
-
-/** Dialog instance Context */
-export const DialogInstanceContext = createContext<DialogInstance<unknown>>();
-
-/**
- * Hook to access dialog instance
- *
- * @remarks
- * Only has a value inside a dialog opened via DialogProvider.show().
- * Returns undefined when called outside the Provider.
- *
- * @returns DialogInstance or undefined (outside Provider)
- */
-export function useDialogInstance<TResult = undefined>(): DialogInstance<TResult> | undefined {
-  return useContext(DialogInstanceContext) as DialogInstance<TResult> | undefined;
-}

package/src/components/disclosure/DialogProvider.tsx

@@ -1,147 +0,0 @@
-import {
-  type Accessor,
-  type ParentComponent,
-  createSignal,
-  For,
-  Show,
-  splitProps,
-  type JSX,
-} from "solid-js";
-import {
-  DialogContext,
-  DialogDefaultsContext,
-  type DialogContextValue,
-  type DialogDefaults,
-  type DialogShowOptions,
-} from "./DialogContext";
-import { DialogInstanceContext, type DialogInstance } from "./DialogInstanceContext";
-import { Dialog } from "./Dialog";
-
-interface DialogEntry {
-  id: string;
-  factory: () => JSX.Element;
-  options: DialogShowOptions;
-  resolve: (result: unknown) => void;
-  open: Accessor<boolean>;
-  setOpen: (value: boolean) => void;
-  pendingResult?: unknown;
-}
-
-let nextId = 0;
-
-/**
- * Programmatic dialog Provider
- *
- * Open dialogs with `useDialog().show(content, options)`,
- * and close them with `close(result)` to resolve the Promise.
- *
- * @example
- * ```tsx
- * <DialogProvider>
- *   <App />
- * </DialogProvider>
- * ```
- */
-export interface DialogProviderProps extends DialogDefaults {}
-
-export const DialogProvider: ParentComponent<DialogProviderProps> = (props) => {
-  const [local, _rest] = splitProps(props, ["closeOnEscape", "closeOnBackdrop", "children"]);
-
-  const defaults = () => ({
-    closeOnEscape: local.closeOnEscape,
-    closeOnBackdrop: local.closeOnBackdrop,
-  });
-
-  const [entries, setEntries] = createSignal<DialogEntry[]>([]);
-
-  const show = <T,>(
-    factory: () => JSX.Element,
-    options: DialogShowOptions,
-  ): Promise<T | undefined> => {
-    return new Promise<T | undefined>((resolve) => {
-      const id = String(nextId++);
-      const [open, setOpen] = createSignal(true);
-      const entry: DialogEntry = {
-        id,
-        factory,
-        options,
-        resolve: resolve as (result: unknown) => void,
-        open,
-        setOpen,
-      };
-      setEntries((prev) => [...prev, entry]);
-    });
-  };
-
-  // Start close animation (set open to false)
-  const requestClose = (id: string, result?: unknown) => {
-    const entry = entries().find((e) => e.id === id);
-    if (entry) {
-      entry.pendingResult = result;
-      entry.setOpen(false);
-    }
-  };
-
-  // Actually remove after animation completes
-  const removeEntry = (id: string) => {
-    setEntries((prev) => {
-      const entry = prev.find((e) => e.id === id);
-      if (entry) {
-        entry.resolve(entry.pendingResult);
-      }
-      return prev.filter((e) => e.id !== id);
-    });
-  };
-
-  const contextValue: DialogContextValue = {
-    show,
-  };
-
-  return (
-    <DialogDefaultsContext.Provider value={defaults}>
-      <DialogContext.Provider value={contextValue}>
-        {local.children}
-        <For each={entries()}>
-          {(entry) => {
-            const instance: DialogInstance<unknown> = {
-              close: (result?: unknown) => requestClose(entry.id, result),
-            };
-
-            return (
-              <Dialog
-                open={entry.open()}
-                onOpenChange={(open) => {
-                  if (!open && entry.pendingResult === undefined) {
-                    requestClose(entry.id);
-                  }
-                }}
-                onCloseComplete={() => removeEntry(entry.id)}
-                closable={entry.options.closable}
-                closeOnBackdrop={entry.options.closeOnBackdrop}
-                closeOnEscape={entry.options.closeOnEscape}
-                resizable={entry.options.resizable}
-                movable={entry.options.movable}
-                float={entry.options.float}
-                fill={entry.options.fill}
-                width={entry.options.width}
-                height={entry.options.height}
-                minWidth={entry.options.minWidth}
-                minHeight={entry.options.minHeight}
-                position={entry.options.position}
-                headerStyle={entry.options.headerStyle}
-                canDeactivate={entry.options.canDeactivate}
-              >
-                <Show when={entry.options.header !== undefined}>
-                  <Dialog.Header>{entry.options.header}</Dialog.Header>
-                </Show>
-                <DialogInstanceContext.Provider value={instance}>
-                  {entry.factory()}
-                </DialogInstanceContext.Provider>
-              </Dialog>
-            );
-          }}
-        </For>
-      </DialogContext.Provider>
-    </DialogDefaultsContext.Provider>
-  );
-};

package/src/components/features/shared-data/SharedDataSelectListContext.ts

@@ -1,39 +0,0 @@
-import { createContext, useContext, type JSX, type ParentComponent, onCleanup } from "solid-js";
-import { createSlotComponent } from "../../../helpers/createSlotComponent";
-import type { SlotAccessor } from "../../../hooks/createSlotSignal";
-
-// ─── Context ──────────────────────────────────────────────
-
-export interface SharedDataSelectListContextValue {
-  setItemTemplate: (fn: ((...args: unknown[]) => JSX.Element) | undefined) => void;
-  setFilter: (content: SlotAccessor) => void;
-}
-
-export const SharedDataSelectListContext = createContext<SharedDataSelectListContextValue>();
-
-export function useSharedDataSelectListContext(): SharedDataSelectListContextValue {
-  const context = useContext(SharedDataSelectListContext);
-  if (!context) {
-    throw new Error("useSharedDataSelectListContext can only be used inside SharedDataSelectList");
-  }
-  return context;
-}
-
-// ─── Sub-components ───────────────────────────────────────
-
-/** ItemTemplate sub-component — registers item render function */
-export const SharedDataSelectListItemTemplate = <TItem,>(props: {
-  children: (item: TItem, index: number) => JSX.Element;
-}) => {
-  const ctx = useSharedDataSelectListContext();
-  // eslint-disable-next-line solid/reactivity -- Store render function in signal, called from JSX tracked scope
-  ctx.setItemTemplate(props.children as (...args: unknown[]) => JSX.Element);
-  onCleanup(() => ctx.setItemTemplate(undefined));
-  return null;
-};
-
-/** Filter sub-component — registers custom filter UI slot */
-export const SharedDataSelectListFilter: ParentComponent = createSlotComponent(
-  SharedDataSelectListContext,
-  (ctx) => ctx.setFilter,
-);

package/src/components/feedback/busy/BusyContext.ts

@@ -1,38 +0,0 @@
-import { createContext, useContext, type Accessor } from "solid-js";
-
-/**
- * Busy overlay display type
- * - `spinner`: Full-screen spinner
- * - `bar`: Top progress bar
- */
-export type BusyVariant = "spinner" | "bar";
-
-/**
- * Busy overlay Context value
- */
-export interface BusyContextValue {
-  /** Current display type */
-  variant: Accessor<BusyVariant>;
-  /** Show overlay (nestable calls, requires matching hide calls) */
-  show: (message?: string) => void;
-  /** Hide overlay (actually hides after all show calls have corresponding hide calls) */
-  hide: () => void;
-  /** Set progress bar progress (0-100, undefined for indeterminate) */
-  setProgress: (percent: number | undefined) => void;
-}
-
-/** Busy overlay Context */
-export const BusyContext = createContext<BusyContextValue>();
-
-/**
- * Hook to access Busy overlay
- *
- * @throws Error if BusyProvider is not present
- */
-export function useBusy(): BusyContextValue {
-  const context = useContext(BusyContext);
-  if (!context) {
-    throw new Error("useBusy can only be used inside BusyProvider");
-  }
-  return context;
-}

package/src/components/feedback/notification/NotificationContext.ts

@@ -1,95 +0,0 @@
-import { type Accessor, createContext, useContext } from "solid-js";
-
-/** Notification theme */
-export type NotificationTheme = "info" | "success" | "warning" | "danger";
-
-/** Notification action button */
-export interface NotificationAction {
-  /** Button text */
-  label: string;
-  /** Click handler */
-  onClick: () => void;
-}
-
-/** Notification item */
-export interface NotificationItem {
-  /** Unique identifier */
-  id: string;
-  /** Theme (info, success, warning, danger) */
-  theme: NotificationTheme;
-  /** Notification title */
-  title: string;
-  /** Notification message (optional) */
-  message?: string;
-  /** Action button (optional) */
-  action?: NotificationAction;
-  /** Creation time */
-  createdAt: Date;
-  /** Read status */
-  read: boolean;
-}
-
-/** Notification creation options */
-export interface NotificationOptions {
-  /** Action button to display in notification */
-  action?: NotificationAction;
-}
-
-/** Notification update options */
-export interface NotificationUpdateOptions {
-  /** If true, mark read notification as unread (redisplay banner) */
-  renotify?: boolean;
-}
-
-/**
- * Notification system Context value
- *
- * @remarks
- * Provides methods to create, update, delete, and manage read status of notifications.
- * Maintains up to 50 notifications; older items are removed when exceeded.
- */
-export interface NotificationContextValue {
-  // State
-  items: Accessor<NotificationItem[]>;
-  unreadCount: Accessor<number>;
-  latestUnread: Accessor<NotificationItem | undefined>;
-
-  // Create notification (returns id)
-  info: (title: string, message?: string, options?: NotificationOptions) => string;
-  success: (title: string, message?: string, options?: NotificationOptions) => string;
-  warning: (title: string, message?: string, options?: NotificationOptions) => string;
-  danger: (title: string, message?: string, options?: NotificationOptions) => string;
-  error: (err?: any, header?: string) => void;
-
-  // Update notification
-  update: (
-    id: string,
-    updates: Partial<Pick<NotificationItem, "title" | "message" | "theme" | "action">>,
-    options?: NotificationUpdateOptions,
-  ) => void;
-
-  // Delete notification
-  remove: (id: string) => void;
-
-  // Management
-  markAsRead: (id: string) => void;
-  markAllAsRead: () => void;
-  dismissBanner: () => void;
-  clear: () => void;
-}
-
-/** Notification system Context */
-export const NotificationContext = createContext<NotificationContextValue>();
-
-/**
- * Hook to access the notification system
- *
- * @throws Error if used outside NotificationProvider
- */
-export function useNotification(): NotificationContextValue {
-  const context = useContext(NotificationContext);
-  if (!context) {
-    throw new Error("useNotification can only be used inside NotificationProvider");
-  }
-  return context;
-}

package/src/components/feedback/notification/index.ts

@@ -1,4 +0,0 @@
-export * from "./NotificationContext";
-export * from "./NotificationProvider";
-export * from "./NotificationBanner";
-export * from "./NotificationBell";

package/src/components/feedback/print/PrintContext.ts

@@ -1,20 +0,0 @@
-import { createContext, useContext } from "solid-js";
-import type { JSX } from "solid-js";
-
-export interface PrintOptions {
-  size?: string;
-  margin?: string;
-}
-
-export interface PrintContextValue {
-  toPrinter: (factory: () => JSX.Element, options?: PrintOptions) => Promise<void>;
-  toPdf: (factory: () => JSX.Element, options?: PrintOptions) => Promise<Uint8Array>;
-}
-
-export const PrintContext = createContext<PrintContextValue>();
-
-export function usePrint(): PrintContextValue {
-  const ctx = useContext(PrintContext);
-  if (!ctx) throw new Error("usePrint can only be used inside PrintProvider");
-  return ctx;
-}

package/src/components/feedback/print/PrintInstanceContext.ts

@@ -1,11 +0,0 @@
-import { createContext, useContext } from "solid-js";
-
-export interface PrintInstance {
-  ready: () => void;
-}
-
-export const PrintInstanceContext = createContext<PrintInstance>();
-
-export function usePrintInstance(): PrintInstance | undefined {
-  return useContext(PrintInstanceContext);
-}

package/src/components/form-control/combobox/ComboboxContext.ts

@@ -1,25 +0,0 @@
-import { type JSX, createContext, useContext } from "solid-js";
-
-export interface ComboboxContextValue<TValue = unknown> {
-  /** Check if value is selected */
-  isSelected: (value: TValue) => boolean;
-
-  /** Select value */
-  selectValue: (value: TValue) => void;
-
-  /** Close dropdown */
-  closeDropdown: () => void;
-
-  /** Register item template */
-  setItemTemplate: (fn: ((...args: unknown[]) => JSX.Element) | undefined) => void;
-}
-
-export const ComboboxContext = createContext<ComboboxContextValue>();
-
-export function useComboboxContext<TValue = unknown>(): ComboboxContextValue<TValue> {
-  const context = useContext(ComboboxContext);
-  if (!context) {
-    throw new Error("useComboboxContext can only be used inside the Combobox component");
-  }
-  return context as ComboboxContextValue<TValue>;
-}

package/src/components/form-control/combobox/ComboboxItem.tsx

@@ -1,69 +0,0 @@
-import { type JSX, type ParentComponent, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { useComboboxContext } from "./ComboboxContext";
-import { ripple } from "../../../directives/ripple";
-import {
-  listItemBaseClass,
-  listItemSelectedClass,
-  listItemDisabledClass,
-  listItemContentClass,
-} from "../../data/list/ListItem.styles";
-
-void ripple;
-
-export interface ComboboxItemProps<TValue = unknown> extends Omit<
-  JSX.ButtonHTMLAttributes<HTMLButtonElement>,
-  "value" | "onClick"
-> {
-  /** Item value */
-  value: TValue;
-
-  /** Disabled */
-  disabled?: boolean;
-}
-
-/**
- * Selectable item in Combobox dropdown
- */
-export const ComboboxItem: ParentComponent<ComboboxItemProps> = <T,>(
-  props: ComboboxItemProps<T> & { children?: JSX.Element },
-) => {
-  const [local, rest] = splitProps(props, ["children", "class", "value", "disabled"]);
-
-  const context = useComboboxContext<T>();
-
-  const isSelected = () => context.isSelected(local.value);
-  const useRipple = () => !local.disabled;
-
-  const handleClick = () => {
-    if (local.disabled) return;
-    context.selectValue(local.value);
-    context.closeDropdown();
-  };
-
-  const getClassName = () =>
-    twMerge(
-      listItemBaseClass,
-      isSelected() && listItemSelectedClass,
-      local.disabled && listItemDisabledClass,
-      local.class,
-    );
-
-  return (
-    <button
-      {...rest}
-      type="button"
-      use:ripple={useRipple()}
-      class={getClassName()}
-      data-combobox-item
-      data-list-item
-      role="option"
-      aria-selected={isSelected() || undefined}
-      aria-disabled={local.disabled || undefined}
-      tabIndex={local.disabled ? -1 : 0}
-      onClick={handleClick}
-    >
-      <span class={listItemContentClass}>{local.children}</span>
-    </button>
-  );
-};

package/src/components/form-control/select/SelectContext.ts

@@ -1,35 +0,0 @@
-import { createContext, useContext, type Accessor, type JSX } from "solid-js";
-import type { SlotAccessor } from "../../../hooks/createSlotSignal";
-
-export interface SelectContextValue<TValue = unknown> {
-  /** Whether multiple select mode is enabled */
-  multiple: Accessor<boolean>;
-
-  /** Check if value is selected */
-  isSelected: (value: TValue) => boolean;
-
-  /** Toggle value selection/deselection */
-  toggleValue: (value: TValue) => void;
-
-  /** Close dropdown */
-  closeDropdown: () => void;
-
-  /** Register header slot */
-  setHeader: (content: SlotAccessor) => void;
-
-  /** Register action slot */
-  setAction: (content: SlotAccessor) => void;
-
-  /** Register item template */
-  setItemTemplate: (fn: ((...args: unknown[]) => JSX.Element) | undefined) => void;
-}
-
-export const SelectContext = createContext<SelectContextValue>();
-
-export function useSelectContext<TValue = unknown>(): SelectContextValue<TValue> {
-  const context = useContext(SelectContext);
-  if (!context) {
-    throw new Error("useSelectContext can only be used inside Select component");
-  }
-  return context as SelectContextValue<TValue>;
-}