@exem-ui/react 0.1.0-next.bf3c711

package/dist/flat/segment.js.map

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

package/dist/flat/segment.mjs

@@ -0,0 +1,4 @@
+export { FlatSegment } from '../chunk-34QIGWCT.mjs';
+import '../chunk-Q442ZDTI.mjs';
+//# sourceMappingURL=segment.mjs.map
+//# sourceMappingURL=segment.mjs.map

package/dist/flat/segment.mjs.map

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

package/dist/flat/select.d.mts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { S as Select } from '../Select-DMvWV_rF.mjs';
+import '@radix-ui/react-select';
+
+type FlatSelectOption = {
+    value: string;
+    label: string | React.ReactNode;
+    /** 아이템 오른쪽에 표시할 슬롯 요소 */
+    rightSlot?: React.ReactNode;
+    disabled?: boolean;
+};
+interface FlatSelectProps extends React.ComponentProps<typeof Select> {
+    /** 선택 가능한 옵션 배열 */
+    options: FlatSelectOption[];
+    /** 값이 선택되지 않았을 때 표시할 텍스트 */
+    placeholder?: string;
+    /** 드롭다운 열림/닫힘 상태 변경 핸들러 */
+    onOpenChange?: (open: boolean) => void;
+    /** 포커스 획득 핸들러 */
+    onFocus?: () => void;
+    /** 포커스 해제 핸들러 */
+    onBlur?: () => void;
+    /** 트리거 왼쪽에 표시할 아이콘 */
+    leftIcon?: ComponentProps<typeof Select.Trigger>['leftIcon'];
+    /** 라벨 텍스트 */
+    label?: ComponentProps<typeof Select.Label>['children'];
+    /** 필수 입력 여부 */
+    required?: ComponentProps<typeof Select.Label>['required'];
+    /** 설명 텍스트 */
+    description?: ComponentProps<typeof Select.Description>['children'];
+    /** 드롭다운 리스트 className */
+    listClassName?: string;
+}
+/**
+ * Select 컴포넌트의 간소화된 Flat API입니다.
+ * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <FlatSelect
+ *   options={[
+ *     { value: '1', label: '옵션 1' },
+ *     { value: '2', label: '옵션 2' },
+ *   ]}
+ *   placeholder="선택하세요"
+ *   label="항목"
+ * />
+ * ```
+ *
+ * @see {@link FlatSelectProps} props 상세
+ */
+declare function FlatSelect({ options, placeholder, onBlur, onFocus, onOpenChange, label, description, required, listClassName, leftIcon, ...props }: FlatSelectProps): react_jsx_runtime.JSX.Element;
+declare namespace FlatSelect {
+    var displayName: string;
+}
+
+export { FlatSelect, type FlatSelectOption, type FlatSelectProps };

package/dist/flat/select.d.ts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { S as Select } from '../Select-DMvWV_rF.js';
+import '@radix-ui/react-select';
+
+type FlatSelectOption = {
+    value: string;
+    label: string | React.ReactNode;
+    /** 아이템 오른쪽에 표시할 슬롯 요소 */
+    rightSlot?: React.ReactNode;
+    disabled?: boolean;
+};
+interface FlatSelectProps extends React.ComponentProps<typeof Select> {
+    /** 선택 가능한 옵션 배열 */
+    options: FlatSelectOption[];
+    /** 값이 선택되지 않았을 때 표시할 텍스트 */
+    placeholder?: string;
+    /** 드롭다운 열림/닫힘 상태 변경 핸들러 */
+    onOpenChange?: (open: boolean) => void;
+    /** 포커스 획득 핸들러 */
+    onFocus?: () => void;
+    /** 포커스 해제 핸들러 */
+    onBlur?: () => void;
+    /** 트리거 왼쪽에 표시할 아이콘 */
+    leftIcon?: ComponentProps<typeof Select.Trigger>['leftIcon'];
+    /** 라벨 텍스트 */
+    label?: ComponentProps<typeof Select.Label>['children'];
+    /** 필수 입력 여부 */
+    required?: ComponentProps<typeof Select.Label>['required'];
+    /** 설명 텍스트 */
+    description?: ComponentProps<typeof Select.Description>['children'];
+    /** 드롭다운 리스트 className */
+    listClassName?: string;
+}
+/**
+ * Select 컴포넌트의 간소화된 Flat API입니다.
+ * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <FlatSelect
+ *   options={[
+ *     { value: '1', label: '옵션 1' },
+ *     { value: '2', label: '옵션 2' },
+ *   ]}
+ *   placeholder="선택하세요"
+ *   label="항목"
+ * />
+ * ```
+ *
+ * @see {@link FlatSelectProps} props 상세
+ */
+declare function FlatSelect({ options, placeholder, onBlur, onFocus, onOpenChange, label, description, required, listClassName, leftIcon, ...props }: FlatSelectProps): react_jsx_runtime.JSX.Element;
+declare namespace FlatSelect {
+    var displayName: string;
+}
+
+export { FlatSelect, type FlatSelectOption, type FlatSelectProps };

package/dist/flat/select.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkFDX4IQK5_js = require('../chunk-FDX4IQK5.js');
+require('../chunk-MQVHREEI.js');
+require('../chunk-5M47B2XJ.js');
+
+
+
+Object.defineProperty(exports, "FlatSelect", {
+  enumerable: true,
+  get: function () { return chunkFDX4IQK5_js.FlatSelect; }
+});
+//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

package/dist/flat/select.js.map

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

package/dist/flat/select.mjs

@@ -0,0 +1,5 @@
+export { FlatSelect } from '../chunk-DPUTW5KD.mjs';
+import '../chunk-ZWCMSHDP.mjs';
+import '../chunk-LZWKMQJL.mjs';
+//# sourceMappingURL=select.mjs.map
+//# sourceMappingURL=select.mjs.map

package/dist/flat/select.mjs.map

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

package/dist/flat/tooltip.d.mts

@@ -0,0 +1,98 @@
+import * as React$1 from 'react';
+import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tooltip } from '../tooltip/index.mjs';
+import 'class-variance-authority/types';
+import '@exem-ui/core/utils';
+import '@radix-ui/react-tooltip';
+
+interface FlatTooltipProps {
+    /** 툴팁을 적용할 자식 요소 */
+    children: React.ReactNode;
+    /** 툴팁 제목 (선택) */
+    title?: React.ReactNode;
+    /** 툴팁 크기 */
+    size: ComponentProps<typeof Tooltip.Content>['size'];
+    /** 툴팁 표시 위치 */
+    side?: ComponentProps<typeof Tooltip.Content>['side'];
+    /** 툴팁 정렬 */
+    align?: ComponentProps<typeof Tooltip.Content>['align'];
+    /** 사이드 방향 오프셋 (px) */
+    sideOffset?: ComponentProps<typeof Tooltip.Content>['sideOffset'];
+    /** 정렬 방향 오프셋 (px) */
+    alignOffset?: ComponentProps<typeof Tooltip.Content>['alignOffset'];
+    /** 툴팁 설명 텍스트 */
+    description: React.ReactNode;
+}
+/**
+ * Tooltip 컴포넌트의 간소화된 Flat API입니다.
+ * Compound Component 없이 props만으로 간편하게 사용할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <FlatTooltip size="small" description="도움말 텍스트">
+ *   <button>호버하세요</button>
+ * </FlatTooltip>
+ *
+ * <FlatTooltip size="tiny" title="제목" description="설명">
+ *   <span>정보</span>
+ * </FlatTooltip>
+ * ```
+ *
+ * @see {@link FlatTooltipProps} props 상세
+ */
+declare const FlatTooltip: {
+    ({ children, title, size, description, ...props }: FlatTooltipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/** FlatTooltip 설정 객체 타입 (children 제외) */
+type TooltipConfig = Omit<ComponentProps<typeof FlatTooltip>, 'children' | 'size'> & {
+    /**
+     * 툴팁 사용 여부
+     * @default true
+     */
+    use?: boolean;
+    size?: ComponentProps<typeof FlatTooltip>['size'];
+};
+interface ConditionalTooltipProps {
+    /** 툴팁으로 감쌀 자식 요소 */
+    children: React.ReactNode;
+    /**
+     * 툴팁 설정값
+     * - `string`: 기본 tiny 사이즈의 툴팁 description으로 사용
+     * - `object`: FlatTooltip props를 직접 전달 (`use: false`로 비활성화 가능)
+     */
+    tooltip: ComponentProps<typeof FlatTooltip>['description'] | TooltipConfig;
+}
+/**
+ * 조건부로 FlatTooltip을 적용하는 래퍼 컴포넌트입니다.
+ *
+ * @description
+ * tooltip prop의 타입에 따라 다르게 동작합니다:
+ * - `string`: tiny 사이즈의 기본 툴팁으로 렌더링
+ * - `object` (`use !== false`): 전달된 props로 FlatTooltip 렌더링
+ * - `object` (`use === false`) 또는 기타: children만 반환 (툴팁 없음)
+ *
+ * @example
+ * ```tsx
+ * <ConditionalTooltip tooltip="도움말 텍스트">
+ *   <button>버튼</button>
+ * </ConditionalTooltip>
+ *
+ * <ConditionalTooltip tooltip={{ description: "설명", size: "small", side: "top" }}>
+ *   <button>버튼</button>
+ * </ConditionalTooltip>
+ *
+ * <ConditionalTooltip tooltip={{ use: false, description: "" }}>
+ *   <button>툴팁 없음</button>
+ * </ConditionalTooltip>
+ * ```
+ *
+ * @see {@link ConditionalTooltipProps} props 상세
+ */
+declare function ConditionalTooltip({ children, tooltip }: ConditionalTooltipProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
+declare namespace ConditionalTooltip {
+    var displayName: string;
+}
+
+export { ConditionalTooltip, type ConditionalTooltipProps, FlatTooltip, type FlatTooltipProps, type TooltipConfig };

package/dist/flat/tooltip.d.ts

@@ -0,0 +1,98 @@
+import * as React$1 from 'react';
+import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tooltip } from '../tooltip/index.js';
+import 'class-variance-authority/types';
+import '@exem-ui/core/utils';
+import '@radix-ui/react-tooltip';
+
+interface FlatTooltipProps {
+    /** 툴팁을 적용할 자식 요소 */
+    children: React.ReactNode;
+    /** 툴팁 제목 (선택) */
+    title?: React.ReactNode;
+    /** 툴팁 크기 */
+    size: ComponentProps<typeof Tooltip.Content>['size'];
+    /** 툴팁 표시 위치 */
+    side?: ComponentProps<typeof Tooltip.Content>['side'];
+    /** 툴팁 정렬 */
+    align?: ComponentProps<typeof Tooltip.Content>['align'];
+    /** 사이드 방향 오프셋 (px) */
+    sideOffset?: ComponentProps<typeof Tooltip.Content>['sideOffset'];
+    /** 정렬 방향 오프셋 (px) */
+    alignOffset?: ComponentProps<typeof Tooltip.Content>['alignOffset'];
+    /** 툴팁 설명 텍스트 */
+    description: React.ReactNode;
+}
+/**
+ * Tooltip 컴포넌트의 간소화된 Flat API입니다.
+ * Compound Component 없이 props만으로 간편하게 사용할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <FlatTooltip size="small" description="도움말 텍스트">
+ *   <button>호버하세요</button>
+ * </FlatTooltip>
+ *
+ * <FlatTooltip size="tiny" title="제목" description="설명">
+ *   <span>정보</span>
+ * </FlatTooltip>
+ * ```
+ *
+ * @see {@link FlatTooltipProps} props 상세
+ */
+declare const FlatTooltip: {
+    ({ children, title, size, description, ...props }: FlatTooltipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/** FlatTooltip 설정 객체 타입 (children 제외) */
+type TooltipConfig = Omit<ComponentProps<typeof FlatTooltip>, 'children' | 'size'> & {
+    /**
+     * 툴팁 사용 여부
+     * @default true
+     */
+    use?: boolean;
+    size?: ComponentProps<typeof FlatTooltip>['size'];
+};
+interface ConditionalTooltipProps {
+    /** 툴팁으로 감쌀 자식 요소 */
+    children: React.ReactNode;
+    /**
+     * 툴팁 설정값
+     * - `string`: 기본 tiny 사이즈의 툴팁 description으로 사용
+     * - `object`: FlatTooltip props를 직접 전달 (`use: false`로 비활성화 가능)
+     */
+    tooltip: ComponentProps<typeof FlatTooltip>['description'] | TooltipConfig;
+}
+/**
+ * 조건부로 FlatTooltip을 적용하는 래퍼 컴포넌트입니다.
+ *
+ * @description
+ * tooltip prop의 타입에 따라 다르게 동작합니다:
+ * - `string`: tiny 사이즈의 기본 툴팁으로 렌더링
+ * - `object` (`use !== false`): 전달된 props로 FlatTooltip 렌더링
+ * - `object` (`use === false`) 또는 기타: children만 반환 (툴팁 없음)
+ *
+ * @example
+ * ```tsx
+ * <ConditionalTooltip tooltip="도움말 텍스트">
+ *   <button>버튼</button>
+ * </ConditionalTooltip>
+ *
+ * <ConditionalTooltip tooltip={{ description: "설명", size: "small", side: "top" }}>
+ *   <button>버튼</button>
+ * </ConditionalTooltip>
+ *
+ * <ConditionalTooltip tooltip={{ use: false, description: "" }}>
+ *   <button>툴팁 없음</button>
+ * </ConditionalTooltip>
+ * ```
+ *
+ * @see {@link ConditionalTooltipProps} props 상세
+ */
+declare function ConditionalTooltip({ children, tooltip }: ConditionalTooltipProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
+declare namespace ConditionalTooltip {
+    var displayName: string;
+}
+
+export { ConditionalTooltip, type ConditionalTooltipProps, FlatTooltip, type FlatTooltipProps, type TooltipConfig };

package/dist/flat/tooltip.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunk3FPMWAQT_js = require('../chunk-3FPMWAQT.js');
+require('../chunk-T7U2QRLC.js');
+
+
+
+Object.defineProperty(exports, "ConditionalTooltip", {
+  enumerable: true,
+  get: function () { return chunk3FPMWAQT_js.ConditionalTooltip; }
+});
+Object.defineProperty(exports, "FlatTooltip", {
+  enumerable: true,
+  get: function () { return chunk3FPMWAQT_js.FlatTooltip; }
+});
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/flat/tooltip.js.map

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

package/dist/flat/tooltip.mjs

@@ -0,0 +1,4 @@
+export { ConditionalTooltip, FlatTooltip } from '../chunk-5WGNZX7Z.mjs';
+import '../chunk-YVFLRPFV.mjs';
+//# sourceMappingURL=tooltip.mjs.map
+//# sourceMappingURL=tooltip.mjs.map

package/dist/flat/tooltip.mjs.map

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