@iyulab/components 0.1.0

package/dist/integrations/react/UMenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MenuItem } from '../../components/menu-item/index';
+
+export declare const UMenuItem: React.ForwardRefExoticComponent<
+  Partial<MenuItem> & React.HTMLAttributes<MenuItem>
+>;
+
+export type UMenuItemProps = React.ComponentProps<typeof UMenuItem>;

package/dist/integrations/react/UMenuItem.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { MenuItem } from '../../components/menu-item/index';
+
+export const UMenuItem = createComponent({
+  react: React,
+  tagName: 'u-menu-item',
+  elementClass: MenuItem,
+  events: {}
+});

package/dist/integrations/react/UPanel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Panel } from '../../components/panel/index';
+
+export declare const UPanel: React.ForwardRefExoticComponent<
+  Partial<Panel> & React.HTMLAttributes<Panel>
+>;
+
+export type UPanelProps = React.ComponentProps<typeof UPanel>;

package/dist/integrations/react/UPanel.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Panel } from '../../components/panel/index';
+
+export const UPanel = createComponent({
+  react: React,
+  tagName: 'u-panel',
+  elementClass: Panel,
+  events: {}
+});

package/dist/integrations/react/UProgressRing.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProgressRing } from '../../components/progress-ring/index';
+
+export declare const UProgressRing: React.ForwardRefExoticComponent<
+  Partial<ProgressRing> & React.HTMLAttributes<ProgressRing>
+>;
+
+export type UProgressRingProps = React.ComponentProps<typeof UProgressRing>;

package/dist/integrations/react/UProgressRing.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { ProgressRing } from '../../components/progress-ring/index';
+
+export const UProgressRing = createComponent({
+  react: React,
+  tagName: 'u-progress-ring',
+  elementClass: ProgressRing,
+  events: {}
+});

package/dist/integrations/react/USpinner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Spinner } from '../../components/spinner/index';
+
+export declare const USpinner: React.ForwardRefExoticComponent<
+  Partial<Spinner> & React.HTMLAttributes<Spinner>
+>;
+
+export type USpinnerProps = React.ComponentProps<typeof USpinner>;

package/dist/integrations/react/USpinner.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Spinner } from '../../components/spinner/index';
+
+export const USpinner = createComponent({
+  react: React,
+  tagName: 'u-spinner',
+  elementClass: Spinner,
+  events: {}
+});

package/dist/integrations/react/USplitPanel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SplitPanel } from '../../components/split-panel/index';
+
+export declare const USplitPanel: React.ForwardRefExoticComponent<
+  Partial<SplitPanel> & React.HTMLAttributes<SplitPanel>
+>;
+
+export type USplitPanelProps = React.ComponentProps<typeof USplitPanel>;

package/dist/integrations/react/USplitPanel.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { SplitPanel } from '../../components/split-panel/index';
+
+export const USplitPanel = createComponent({
+  react: React,
+  tagName: 'u-split-panel',
+  elementClass: SplitPanel,
+  events: {}
+});

package/dist/integrations/react/UTooltip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Tooltip } from '../../components/tooltip/index';
+
+export declare const UTooltip: React.ForwardRefExoticComponent<
+  Partial<Tooltip> & React.HTMLAttributes<Tooltip>
+>;
+
+export type UTooltipProps = React.ComponentProps<typeof UTooltip>;

package/dist/integrations/react/UTooltip.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Tooltip } from '../../components/tooltip/index';
+
+export const UTooltip = createComponent({
+  react: React,
+  tagName: 'u-tooltip',
+  elementClass: Tooltip,
+  events: {}
+});

package/dist/integrations/react/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * React wrapper components for @iyulab/components
+ * 
+ * This file is automatically generated.
+ * Each component is prefixed with 'U' (e.g., UButton, UInput, etc.)
+ */
+
+export { UAlert, UAlertProps } from './UAlert';
+export { UButton, UButtonProps } from './UButton';
+export { UContextMenu, UContextMenuProps } from './UContextMenu';
+export { UCopyButton, UCopyButtonProps } from './UCopyButton';
+export { UDialog, UDialogProps } from './UDialog';
+export { UForm, UFormProps } from './UForm';
+export { UIcon, UIconProps } from './UIcon';
+export { UIconButton, UIconButtonProps } from './UIconButton';
+export { UInput, UInputProps } from './UInput';
+export { UMenu, UMenuProps } from './UMenu';
+export { UMenuItem, UMenuItemProps } from './UMenuItem';
+export { UPanel, UPanelProps } from './UPanel';
+export { UProgressRing, UProgressRingProps } from './UProgressRing';
+export { USpinner, USpinnerProps } from './USpinner';
+export { USplitPanel, USplitPanelProps } from './USplitPanel';
+export { UTooltip, UTooltipProps } from './UTooltip';

package/dist/integrations/react/index.js

@@ -0,0 +1,16 @@
+export { UAlert } from './UAlert.js';
+export { UButton } from './UButton.js';
+export { UContextMenu } from './UContextMenu.js';
+export { UCopyButton } from './UCopyButton.js';
+export { UDialog } from './UDialog.js';
+export { UForm } from './UForm.js';
+export { UIcon } from './UIcon.js';
+export { UIconButton } from './UIconButton.js';
+export { UInput } from './UInput.js';
+export { UMenu } from './UMenu.js';
+export { UMenuItem } from './UMenuItem.js';
+export { UPanel } from './UPanel.js';
+export { UProgressRing } from './UProgressRing.js';
+export { USpinner } from './USpinner.js';
+export { USplitPanel } from './USplitPanel.js';
+export { UTooltip } from './UTooltip.js';

package/dist/internals/attribute-converters.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 배열을 속성 문자열로, 속성 문자열을 배열로 변환하는 컨버터를 생성합니다.
+ * @param parser - 문자열을 파싱하는 함수 (기본값: parseFloat)
+ * @param separator - 구분자 (기본값: ',')
+ * @returns Lit 속성 컨버터 객체
+ */
+export declare function arrayAttributeConverter<T>(parser: (value: string) => T, separator?: string): {
+    fromAttribute: (value: string | null) => T[] | undefined;
+    toAttribute: (value: T[] | undefined) => string | null;
+};

package/dist/internals/attribute-converters.js

@@ -0,0 +1,12 @@
+function e(i, r = ",") {
+  return {
+    fromAttribute: (t) => {
+      if (t)
+        return t.split(r).map((n) => i(n.trim()));
+    },
+    toAttribute: (t) => t ? t.join(r) : null
+  };
+}
+export {
+  e as arrayAttributeConverter
+};

package/dist/internals/icons.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 내부적으로 사용되는 아이콘 레지스트리입니다.
+ * SVG 아이콘 파일을 이름과 매핑하여 저장합니다.
+ * 아이콘 파일은 '../assets/icons/' 경로에서 자동으로 로드됩니다.
+ */
+export declare const icons: Map<string, string>;

package/dist/internals/icons.js

@@ -0,0 +1,67 @@
+import * as i from "../assets/icons/arrow-clockwise.svg.js";
+import * as r from "../assets/icons/arrow-down.svg.js";
+import * as e from "../assets/icons/arrow-up.svg.js";
+import * as a from "../assets/icons/ban.svg.js";
+import * as t from "../assets/icons/bell-fill.svg.js";
+import * as l from "../assets/icons/check-circle-fill.svg.js";
+import * as c from "../assets/icons/check-lg.svg.js";
+import * as m from "../assets/icons/chevron-down.svg.js";
+import * as n from "../assets/icons/chevron-left.svg.js";
+import * as p from "../assets/icons/chevron-right.svg.js";
+import * as g from "../assets/icons/chevron-up.svg.js";
+import * as f from "../assets/icons/copy.svg.js";
+import * as v from "../assets/icons/dash-lg.svg.js";
+import * as h from "../assets/icons/exclamation-circle-fill.svg.js";
+import * as b from "../assets/icons/exclamation-triangle-fill.svg.js";
+import * as u from "../assets/icons/eye-slash.svg.js";
+import * as w from "../assets/icons/eye.svg.js";
+import * as d from "../assets/icons/info-circle-fill.svg.js";
+import * as y from "../assets/icons/layout-sidebar.svg.js";
+import * as F from "../assets/icons/lightbulb-fill.svg.js";
+import * as x from "../assets/icons/lightbulb-off.svg.js";
+import * as k from "../assets/icons/lightbulb.svg.js";
+import * as L from "../assets/icons/mic-fill.svg.js";
+import * as C from "../assets/icons/mic-mute-fill.svg.js";
+import * as O from "../assets/icons/paperclip.svg.js";
+import * as S from "../assets/icons/pencil-square.svg.js";
+import * as j from "../assets/icons/plus-lg.svg.js";
+import * as q from "../assets/icons/search.svg.js";
+import * as D from "../assets/icons/speedometer.svg.js";
+import * as M from "../assets/icons/x-lg.svg.js";
+const R = new Map(
+  Object.entries(/* @__PURE__ */ Object.assign({
+    "../assets/icons/arrow-clockwise.svg": i,
+    "../assets/icons/arrow-down.svg": r,
+    "../assets/icons/arrow-up.svg": e,
+    "../assets/icons/ban.svg": a,
+    "../assets/icons/bell-fill.svg": t,
+    "../assets/icons/check-circle-fill.svg": l,
+    "../assets/icons/check-lg.svg": c,
+    "../assets/icons/chevron-down.svg": m,
+    "../assets/icons/chevron-left.svg": n,
+    "../assets/icons/chevron-right.svg": p,
+    "../assets/icons/chevron-up.svg": g,
+    "../assets/icons/copy.svg": f,
+    "../assets/icons/dash-lg.svg": v,
+    "../assets/icons/exclamation-circle-fill.svg": h,
+    "../assets/icons/exclamation-triangle-fill.svg": b,
+    "../assets/icons/eye-slash.svg": u,
+    "../assets/icons/eye.svg": w,
+    "../assets/icons/info-circle-fill.svg": d,
+    "../assets/icons/layout-sidebar.svg": y,
+    "../assets/icons/lightbulb-fill.svg": F,
+    "../assets/icons/lightbulb-off.svg": x,
+    "../assets/icons/lightbulb.svg": k,
+    "../assets/icons/mic-fill.svg": L,
+    "../assets/icons/mic-mute-fill.svg": C,
+    "../assets/icons/paperclip.svg": O,
+    "../assets/icons/pencil-square.svg": S,
+    "../assets/icons/plus-lg.svg": j,
+    "../assets/icons/search.svg": q,
+    "../assets/icons/speedometer.svg": D,
+    "../assets/icons/x-lg.svg": M
+  })).map(([s, o]) => [s.split("/").pop()?.replace(".svg", "") || "", o.default]).filter(([s]) => s !== "")
+);
+export {
+  R as icons
+};

package/dist/internals/index.d.ts

@@ -0,0 +1,4 @@
+export * from './attribute-converters.js';
+export * from './icons.js';
+export * from './node-helpers.js';
+export * from './react-wrapper.js';

package/dist/internals/node-helpers.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 엘리먼트의 부모 엘리먼트를 반환합니다.
+ * Shadow DOM을 지원하는 경우, Shadow DOM의 호스트 엘리먼트를 반환합니다.
+ * 일반 DOM 엘리먼트인 경우, 해당 엘리먼트를 반환합니다.
+ * 찾을 수 없는 경우 undefined을 반환합니다.
+ */
+export declare function getParentElement(element: Element): HTMLElement | undefined;
+/**
+ * element 기준으로 selector와 매치되는 모든 HTMLElement를 반환합니다.
+ * - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 안에서 이루어집니다.
+ */
+export declare function findElementsBy(element: Element, selectors: string): HTMLElement[];

package/dist/internals/node-helpers.js

@@ -0,0 +1,21 @@
+function r(o) {
+  if (o.parentElement)
+    return o.parentElement;
+  {
+    const e = o.getRootNode({ composed: !1 });
+    return e instanceof Document ? e.documentElement : e instanceof ShadowRoot ? e.host : e instanceof HTMLElement ? e : void 0;
+  }
+}
+function c(o, e) {
+  if (!e) return [];
+  const t = o.getRootNode({ composed: !1 });
+  if (t instanceof ShadowRoot || t instanceof Document) {
+    const n = t.querySelectorAll(e);
+    return Array.from(n);
+  } else
+    return [];
+}
+export {
+  c as findElementsBy,
+  r as getParentElement
+};

package/dist/internals/react-wrapper.d.ts

@@ -0,0 +1,21 @@
+type Constructor<T> = {
+    new (): T;
+};
+type EventName<T extends Event = Event> = string & {
+    __eventType: T;
+};
+type EventNames = Record<string, EventName | string>;
+interface Options<I extends HTMLElement, E extends EventNames = {}> {
+    tagName: string;
+    elementClass: Constructor<I>;
+    events?: E;
+    shadow?: 'open' | 'closed';
+    properties?: Record<string, unknown>;
+}
+/**
+ * Converts a Lit Element to a React Component.
+ * @param option - The options for the conversion.
+ * @returns The converted React Component.
+ */
+export declare function convertReact<I extends HTMLElement, E extends EventNames = {}>(option: Options<I, E>): import('@lit/react').ReactWebComponent<I, E>;
+export {};

package/dist/utilities/decorators.d.ts

@@ -0,0 +1,28 @@
+export type PropertyMetaData = any;
+type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * 클래스 속성을 정의하기 위한 데코레이터 함수입니다.
+ * @param metadata - 클래스 속성에 대한 메타데이터입니다.
+ */
+export declare function propertyMeta(metadata: PropertyMetaData): (target: any, propertyKey: string) => void;
+/**
+ * target 클래스의 모든 속성에 대한 메타데이터를 설정합니다.
+ * @param target - 클래스의 생성자 함수입니다.
+ * @param propertyKey - 메타데이터를 설정할 속성의 이름입니다.
+ * @param metadata - 속성에 대한 메타데이터입니다.
+ */
+export declare function setPropertyMeta(target: any, propertyKey: string, metadata: PropertyMetaData): void;
+/**
+ * target 클래스의 모든 속성에 대한 메타데이터를 반환합니다.
+ * @param target - 클래스의 생성자 함수입니다.
+ * @return 모든 메타데이터의 배열을 반환합니다.
+ */
+export declare function getPropertyMeta(target: Constructor): PropertyMetaData[] | undefined;
+/**
+ * target 클래스의 특정속성에 대한 메타데이터를 반환합니다.
+ * @param target - 클래스의 생성자 함수입니다.
+ * @param propertyKey - 메타데이터를 검색할 속성의 이름입니다.
+ * @returns 특정 속성에 대한 메타데이터를 반환합니다.
+ */
+export declare function getPropertyMeta(target: Constructor, propertyKey: string): PropertyMetaData | undefined;
+export {};

package/dist/utilities/decorators.js

@@ -0,0 +1,21 @@
+const a = Symbol("propertyMeta");
+function p(e) {
+  return (t, o) => {
+    r(t, o, e);
+  };
+}
+function r(e, t, o) {
+  o.name = t, Reflect.defineMetadata(a, o, e, t);
+}
+function i(e, t) {
+  try {
+    return e = e.prototype ? e.prototype : e, t ? Reflect.getMetadata(a, e, t) : (Object.getOwnPropertyNames(e) || []).map((n) => Reflect.getMetadata(a, e, n)).filter((n) => n !== void 0) || [];
+  } catch {
+    return;
+  }
+}
+export {
+  i as getPropertyMeta,
+  p as propertyMeta,
+  r as setPropertyMeta
+};

package/dist/utilities/index.d.ts

@@ -0,0 +1,4 @@
+export * from './decorators';
+export * from './notifier.js';
+export * from './storage.js';
+export * from './theme.js';

package/dist/utilities/notifier.d.ts

@@ -0,0 +1,26 @@
+import { Alert, AlertType } from '../components/alert/Alert.js';
+export type ScreenPosition = "top-left" | "top-center" | "top-right" | "middle-left" | "middle-center" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right";
+/** 토스트 알림 옵션 */
+export interface ToastOptions {
+    /** 알림 유형 */
+    type: AlertType;
+    /** 알림 제목 */
+    label?: string;
+    /** 알림 내용 */
+    content?: string;
+    /** 알림 표시 시간 (밀리초 단위) */
+    duration?: number;
+    /** 표시 화면 위치 */
+    position?: ScreenPosition;
+}
+/**
+ * notifier 객체 여러 위치에 알림을 표시하는 유틸리티입니다.
+ */
+export declare const notifier: {
+    container: Map<ScreenPosition, HTMLDivElement>;
+    toasts: Set<Alert>;
+    /**
+     * 토스트 알림을 생성합니다.
+     */
+    toast(options: ToastOptions): Promise<void>;
+};

package/dist/utilities/notifier.js

@@ -0,0 +1,29 @@
+import { Alert as a } from "../components/alert/Alert.js";
+a.define("u-alert");
+const l = {
+  container: /* @__PURE__ */ new Map(),
+  toasts: /* @__PURE__ */ new Set(),
+  /**
+   * 토스트 알림을 생성합니다.
+   */
+  async toast(t) {
+    const e = new a();
+    e.type = t.type, e.label = t.label, e.content = t.content, this.toasts.add(e);
+    const n = t.position || "top-right", s = o(n);
+    s.appendChild(e), await e.updateComplete, e.show();
+    const i = t.duration && t.duration > 0 ? t.duration : 3e3;
+    setTimeout(async () => {
+      await e.hide(), await new Promise((r) => setTimeout(r, 300)), e.remove(), this.toasts.delete(e), s.hasChildNodes() || (s.remove(), this.container.delete(n));
+    }, i);
+  }
+};
+function o(t) {
+  let e = l.container.get(t);
+  if (e) return e;
+  e = document.createElement("div"), e.style.position = "fixed", e.style.zIndex = "9999", e.style.display = "flex", e.style.gap = "10px";
+  const n = [];
+  return t.startsWith("top") ? (e.style.top = "20px", e.style.flexDirection = "column") : t.startsWith("bottom") ? (e.style.bottom = "20px", e.style.flexDirection = "column-reverse") : (e.style.top = "50%", e.style.flexDirection = "column", n.push("translateY(-50%)")), t.endsWith("left") ? (e.style.left = "20px", e.style.alignItems = "flex-start") : t.endsWith("right") ? (e.style.right = "20px", e.style.alignItems = "flex-end") : (e.style.left = "50%", e.style.alignItems = "center", n.unshift("translateX(-50%)")), e.style.transform = n.length ? n.join(" ") : "", document.body.appendChild(e), l.container.set(t, e), e;
+}
+export {
+  l as notifier
+};

package/dist/utilities/storage.d.ts

@@ -0,0 +1,60 @@
+export type StorageMode = 'localStorage' | 'cookie';
+export interface LocalStorageOptions {
+    type: 'localStorage';
+}
+export interface CookieOptions {
+    type: 'cookie';
+    /** 만료: Date | milliseconds timestamp | ISO string | days (number) */
+    expires?: Date | number | string;
+    path?: string;
+    domain?: string;
+    sameSite?: 'Lax' | 'Strict' | 'None';
+    secure?: boolean;
+}
+export type BrowserStorageOptions = (LocalStorageOptions | CookieOptions) & {
+    /** 키 앞에 붙일 접두사 (옵션) */
+    prefix?: string;
+};
+/**
+ * BrowserStorage - localStorage / cookie 래퍼
+ *
+ * 사용:
+ * const s = new BrowserStorage({ type: 'localStorage', prefix: 'app' });
+ * s.set('token', 'abc');
+ * s.get('token'); // 'abc'
+ *
+ * const c = new BrowserStorage({ type: 'cookie', prefix: 'app', expires: 7 }); // expires = 7일
+ * c.set('lang', 'ko');
+ */
+export declare class BrowserStorage {
+    private mode;
+    private prefix;
+    private cookieOpts;
+    constructor(options: BrowserStorageOptions);
+    /** 키에 prefix를 붙인 실제 저장 키 */
+    private buildKey;
+    /**
+     * 값 저장
+     * @param key 키
+     * @param value 문자열 값 (문자열이 아닌 값은 JSON.stringify 권장)
+     */
+    set(key: string, value: string): void;
+    /**
+     * 값 조회
+     * @param key 키
+     * @returns 값 (없으면 null)
+     */
+    get(key: string): string | null;
+    /**
+     * 키 제거
+     */
+    remove(key: string): void;
+    /**
+     * 현재 prefix 기준으로 모든 항목 제거 (주의: localStorage 전체 삭제 아님)
+     */
+    clear(): void;
+    /**
+     * 모든 키 목록 반환 (prefix 적용된 실제 키들에서 접두사 제거한 상태)
+     */
+    keys(): string[];
+}

package/dist/utilities/storage.js

@@ -0,0 +1,120 @@
+class h {
+  constructor(o) {
+    if (typeof window > "u" && typeof document > "u")
+      throw new Error("BrowserStorage can only be used in a browser environment.");
+    this.mode = o.type, this.prefix = o.prefix ? String(o.prefix) + ":" : "", this.mode === "cookie" ? this.cookieOpts = o : this.cookieOpts = null;
+  }
+  /** 키에 prefix를 붙인 실제 저장 키 */
+  buildKey(o) {
+    return `${this.prefix}${o}`;
+  }
+  /**
+   * 값 저장
+   * @param key 키
+   * @param value 문자열 값 (문자열이 아닌 값은 JSON.stringify 권장)
+   */
+  set(o, e) {
+    const i = this.buildKey(o);
+    if (this.mode === "localStorage")
+      try {
+        window.localStorage.setItem(i, e);
+      } catch {
+      }
+    else {
+      const t = this.cookieOpts, a = encodeURIComponent(e);
+      let r = `${i}=${a}; path=${t?.path ?? "/"}; SameSite=${t?.sameSite ?? "Lax"}`;
+      t?.domain && (r += `; domain=${t.domain}`), t?.secure && (r += "; Secure");
+      let s = "";
+      if (t?.expires || (s = ""), t?.expires instanceof Date && (s = t?.expires.toUTCString()), typeof t?.expires == "number")
+        if (t?.expires > 1e12)
+          s = new Date(t?.expires).toUTCString();
+        else {
+          const c = /* @__PURE__ */ new Date();
+          c.setDate(c.getDate() + Math.floor(t?.expires)), s = c.toUTCString();
+        }
+      const n = new Date(String(t?.expires));
+      isNaN(n.getTime()) || (s = n.toUTCString()), s && (r += `; expires=${s}`), document.cookie = r;
+    }
+  }
+  /**
+   * 값 조회
+   * @param key 키
+   * @returns 값 (없으면 null)
+   */
+  get(o) {
+    const e = this.buildKey(o);
+    if (this.mode === "localStorage")
+      try {
+        return window.localStorage.getItem(e);
+      } catch {
+        return null;
+      }
+    else if (this.mode === "cookie") {
+      const i = new RegExp("(?:^|; )" + e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "=([^;]*)"), t = document.cookie.match(i);
+      if (!t) return null;
+      try {
+        return decodeURIComponent(t[1]);
+      } catch {
+        return t[1];
+      }
+    } else
+      throw new Error(`Unsupported storage mode: ${this.mode}`);
+  }
+  /** 
+   * 키 제거 
+   */
+  remove(o) {
+    const e = this.buildKey(o);
+    if (this.mode === "localStorage")
+      try {
+        window.localStorage.removeItem(e);
+      } catch {
+      }
+    else
+      document.cookie = `${e}=; path=${this.cookieOpts?.path ?? "/"}; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=${this.cookieOpts?.sameSite ?? "Lax"}`;
+  }
+  /**
+   * 현재 prefix 기준으로 모든 항목 제거 (주의: localStorage 전체 삭제 아님)
+   */
+  clear() {
+    if (this.mode === "localStorage")
+      try {
+        const o = [];
+        for (let e = 0; e < localStorage.length; e++) {
+          const i = localStorage.key(e);
+          i && i.startsWith(this.prefix) && o.push(i);
+        }
+        for (const e of o) localStorage.removeItem(e);
+      } catch {
+      }
+    else {
+      const o = document.cookie ? document.cookie.split("; ") : [];
+      for (const e of o) {
+        const [i] = e.split("=");
+        i && i.startsWith(this.prefix) && (document.cookie = `${i}=; path=${this.cookieOpts?.path ?? "/"}; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=${this.cookieOpts?.sameSite ?? "Lax"}`);
+      }
+    }
+  }
+  /** 
+   * 모든 키 목록 반환 (prefix 적용된 실제 키들에서 접두사 제거한 상태) 
+   */
+  keys() {
+    const o = [];
+    if (this.mode === "localStorage")
+      for (let e = 0; e < localStorage.length; e++) {
+        const i = localStorage.key(e);
+        i && i.startsWith(this.prefix) && o.push(i.slice(this.prefix.length));
+      }
+    else {
+      const e = document.cookie ? document.cookie.split("; ") : [];
+      for (const i of e) {
+        const [t] = i.split("=");
+        t && t.startsWith(this.prefix) && o.push(t.slice(this.prefix.length));
+      }
+    }
+    return o;
+  }
+}
+export {
+  h as BrowserStorage
+};