@reopt-ai/opt-ui 1.12.4 → 1.13.0

package/dist/{text-truncate-CQyfUZvq.d.cts → text-truncate-eMzvU_7k.d.cts}

@@ -313,6 +313,57 @@ interface ChatStylePresetDef {
   systemPrompt?: string;
 }
 //#endregion
+//#region src/core/date-range-picker.d.ts
+/** Defines the date range shape. */
+interface DateRange {
+  start: Date | null;
+  end: Date | null;
+}
+/** Defines the date range preset shape. */
+interface DateRangePreset {
+  label: string;
+  range: () => DateRange;
+}
+/** Type definition for date granularity. */
+type DateGranularity = "hour" | "day" | "week" | "month";
+/** Type definition for comparison mode. */
+type ComparisonMode = "previous" | "year-over-year";
+/** Props for the date range picker component. */
+interface DateRangePickerProps {
+  value?: DateRange;
+  onChange?: (range: DateRange) => void;
+  presets?: DateRangePreset[];
+  placeholder?: string;
+  label?: string;
+  required?: boolean;
+  error?: string;
+  hint?: string;
+  className?: string;
+  id?: string;
+  triggerClassName?: string;
+  "aria-label"?: string;
+  disabled?: boolean;
+  format?: (date: Date) => string;
+  /** Enable comparison mode toggle */
+  comparison?: boolean;
+  /** Current comparison mode */
+  comparisonMode?: ComparisonMode;
+  /** Called when comparison mode changes (null = comparison off) */
+  onComparisonChange?: (mode: ComparisonMode | null) => void;
+  /** Enable time granularity selector */
+  showGranularity?: boolean;
+  /** Current granularity */
+  granularity?: DateGranularity;
+  /** Called when granularity changes */
+  onGranularityChange?: (granularity: DateGranularity) => void;
+}
+declare const DEFAULT_PRESETS: DateRangePreset[];
+/** Renders the date range picker component. */
+declare function DateRangePicker({ value, onChange, presets, placeholder, label, required, error, hint, className, id, triggerClassName, "aria-label": ariaLabel, disabled, format, comparison, comparisonMode, onComparisonChange, showGranularity, granularity, onGranularityChange }: DateRangePickerProps): import("react").JSX.Element;
+declare namespace DateRangePicker {
+  var displayName: string;
+}
+//#endregion
 //#region src/core/field-token.d.ts
 /**
  * The kinds of field an analytics schema actually carries. Two fields of the
@@ -449,4 +500,4 @@ interface TextTruncateProps {
  */
 declare function TextTruncate({ text, truncation, ellipsis, width, children, className }: TextTruncateProps): import("react").JSX.Element;
 //#endregion
-export { FilterGroupDef as A, StatCard as B, DomainDef as C, ExportFormat as D, ExportColumn as E, NavItem as F, TimePreset as G, TableColumn as H, NavItemDef as I, ToastOptions as K, ProjectDef as L, FormFieldDef as M, MenuDef as N, FailureItem as O, MenuItemDef as P, QuickActionDef as R, DeploymentStep as S, EnvVarDef as T, TaskDef as U, TabDef as V, TeamMemberDef as W, ChatConversationDef as _, FieldDataType as a, ChatStylePresetDef as b, FieldTokenLegendProps as c, ActivityDef as d, BranchDef as f, ChartSeriesDef as g, ChartMargin as h, FIELD_TYPE_TOKENS as i, FilterOption as j, FaqItem as k, FieldTokenProps as l, ChartDataPoint as m, TextTruncateProps as n, FieldToken as o, ChartConfig as p, ToolbarButtonDef as q, TruncationSide as r, FieldTokenLegend as s, TextTruncate as t, resolveFieldType as u, ChatMessageDef as v, EnvGroupDef as w, CommandDef as x, ChatModelDef as y, SelectOption as z };
+export { ToastOptions as $, DomainDef as A, MenuDef as B, ChartSeriesDef as C, ChatStylePresetDef as D, ChatModelDef as E, FailureItem as F, QuickActionDef as G, NavItem as H, FaqItem as I, TabDef as J, SelectOption as K, FilterGroupDef as L, EnvVarDef as M, ExportColumn as N, CommandDef as O, ExportFormat as P, TimePreset as Q, FilterOption as R, ChartMargin as S, ChatMessageDef as T, NavItemDef as U, MenuItemDef as V, ProjectDef as W, TaskDef as X, TableColumn as Y, TeamMemberDef as Z, DateRangePreset as _, FieldDataType as a, ChartConfig as b, FieldTokenLegendProps as c, ComparisonMode as d, ToolbarButtonDef as et, DEFAULT_PRESETS as f, DateRangePickerProps as g, DateRangePicker as h, FIELD_TYPE_TOKENS as i, EnvGroupDef as j, DeploymentStep as k, FieldTokenProps as l, DateRange as m, TextTruncateProps as n, FieldToken as o, DateGranularity as p, StatCard as q, TruncationSide as r, FieldTokenLegend as s, TextTruncate as t, resolveFieldType as u, ActivityDef as v, ChatConversationDef as w, ChartDataPoint as x, BranchDef as y, FormFieldDef as z };

package/dist/{text-truncate-CQyfUZvq.d.ts → text-truncate-eMzvU_7k.d.ts}

@@ -313,6 +313,57 @@ interface ChatStylePresetDef {
   systemPrompt?: string;
 }
 //#endregion
+//#region src/core/date-range-picker.d.ts
+/** Defines the date range shape. */
+interface DateRange {
+  start: Date | null;
+  end: Date | null;
+}
+/** Defines the date range preset shape. */
+interface DateRangePreset {
+  label: string;
+  range: () => DateRange;
+}
+/** Type definition for date granularity. */
+type DateGranularity = "hour" | "day" | "week" | "month";
+/** Type definition for comparison mode. */
+type ComparisonMode = "previous" | "year-over-year";
+/** Props for the date range picker component. */
+interface DateRangePickerProps {
+  value?: DateRange;
+  onChange?: (range: DateRange) => void;
+  presets?: DateRangePreset[];
+  placeholder?: string;
+  label?: string;
+  required?: boolean;
+  error?: string;
+  hint?: string;
+  className?: string;
+  id?: string;
+  triggerClassName?: string;
+  "aria-label"?: string;
+  disabled?: boolean;
+  format?: (date: Date) => string;
+  /** Enable comparison mode toggle */
+  comparison?: boolean;
+  /** Current comparison mode */
+  comparisonMode?: ComparisonMode;
+  /** Called when comparison mode changes (null = comparison off) */
+  onComparisonChange?: (mode: ComparisonMode | null) => void;
+  /** Enable time granularity selector */
+  showGranularity?: boolean;
+  /** Current granularity */
+  granularity?: DateGranularity;
+  /** Called when granularity changes */
+  onGranularityChange?: (granularity: DateGranularity) => void;
+}
+declare const DEFAULT_PRESETS: DateRangePreset[];
+/** Renders the date range picker component. */
+declare function DateRangePicker({ value, onChange, presets, placeholder, label, required, error, hint, className, id, triggerClassName, "aria-label": ariaLabel, disabled, format, comparison, comparisonMode, onComparisonChange, showGranularity, granularity, onGranularityChange }: DateRangePickerProps): import("react").JSX.Element;
+declare namespace DateRangePicker {
+  var displayName: string;
+}
+//#endregion
 //#region src/core/field-token.d.ts
 /**
  * The kinds of field an analytics schema actually carries. Two fields of the
@@ -449,4 +500,4 @@ interface TextTruncateProps {
  */
 declare function TextTruncate({ text, truncation, ellipsis, width, children, className }: TextTruncateProps): import("react").JSX.Element;
 //#endregion
-export { FilterGroupDef as A, StatCard as B, DomainDef as C, ExportFormat as D, ExportColumn as E, NavItem as F, TimePreset as G, TableColumn as H, NavItemDef as I, ToastOptions as K, ProjectDef as L, FormFieldDef as M, MenuDef as N, FailureItem as O, MenuItemDef as P, QuickActionDef as R, DeploymentStep as S, EnvVarDef as T, TaskDef as U, TabDef as V, TeamMemberDef as W, ChatConversationDef as _, FieldDataType as a, ChatStylePresetDef as b, FieldTokenLegendProps as c, ActivityDef as d, BranchDef as f, ChartSeriesDef as g, ChartMargin as h, FIELD_TYPE_TOKENS as i, FilterOption as j, FaqItem as k, FieldTokenProps as l, ChartDataPoint as m, TextTruncateProps as n, FieldToken as o, ChartConfig as p, ToolbarButtonDef as q, TruncationSide as r, FieldTokenLegend as s, TextTruncate as t, resolveFieldType as u, ChatMessageDef as v, EnvGroupDef as w, CommandDef as x, ChatModelDef as y, SelectOption as z };
+export { ToastOptions as $, DomainDef as A, MenuDef as B, ChartSeriesDef as C, ChatStylePresetDef as D, ChatModelDef as E, FailureItem as F, QuickActionDef as G, NavItem as H, FaqItem as I, TabDef as J, SelectOption as K, FilterGroupDef as L, EnvVarDef as M, ExportColumn as N, CommandDef as O, ExportFormat as P, TimePreset as Q, FilterOption as R, ChartMargin as S, ChatMessageDef as T, NavItemDef as U, MenuItemDef as V, ProjectDef as W, TaskDef as X, TableColumn as Y, TeamMemberDef as Z, DateRangePreset as _, FieldDataType as a, ChartConfig as b, FieldTokenLegendProps as c, ComparisonMode as d, ToolbarButtonDef as et, DEFAULT_PRESETS as f, DateRangePickerProps as g, DateRangePicker as h, FIELD_TYPE_TOKENS as i, EnvGroupDef as j, DeploymentStep as k, FieldTokenProps as l, DateRange as m, TextTruncateProps as n, FieldToken as o, DateGranularity as p, StatCard as q, TruncationSide as r, FieldTokenLegend as s, TextTruncate as t, resolveFieldType as u, ActivityDef as v, ChatConversationDef as w, ChartDataPoint as x, BranchDef as y, FormFieldDef as z };

package/dist/theme/server.cjs

@@ -172,7 +172,7 @@ function hasStorageMutation(storage) {
 }
 /** Handles is theme preset. */
 function isThemePreset(value) {
-	return typeof value === "string" && THEME_PRESET_VALUES.includes(value);
+	return typeof value === "string" && THEME_PRESET_IDS.includes(value);
 }
 /** Handles is theme mode. */
 function isThemeMode(value) {
@@ -241,7 +241,7 @@ function coerceThemeMode(mode, allowedModes, fallback = "system") {
 */
 function createThemeBootScript(defaultPreset = "default", defaultMode = "system", options = {}) {
 	var _options$allowedModes, _allowedModes$2;
-	const presetValues = JSON.stringify(THEME_PRESET_VALUES);
+	const presetValues = JSON.stringify(THEME_PRESET_IDS);
 	const modeValues = JSON.stringify(THEME_MODE_VALUES);
 	const allowedModes = ((_options$allowedModes = options.allowedModes) === null || _options$allowedModes === void 0 ? void 0 : _options$allowedModes.length) ? options.allowedModes : THEME_MODE_VALUES;
 	const allowedModeValues = JSON.stringify(allowedModes);

package/dist/theme/server.js

@@ -161,7 +161,7 @@ function hasStorageMutation(storage) {
 }
 /** Handles is theme preset. */
 function isThemePreset(value) {
-	return typeof value === "string" && THEME_PRESET_VALUES.includes(value);
+	return typeof value === "string" && THEME_PRESET_IDS.includes(value);
 }
 /** Handles is theme mode. */
 function isThemeMode(value) {
@@ -230,7 +230,7 @@ function coerceThemeMode(mode, allowedModes, fallback = "system") {
 */
 function createThemeBootScript(defaultPreset = "default", defaultMode = "system", options = {}) {
 	var _options$allowedModes, _allowedModes$2;
-	const presetValues = JSON.stringify(THEME_PRESET_VALUES);
+	const presetValues = JSON.stringify(THEME_PRESET_IDS);
 	const modeValues = JSON.stringify(THEME_MODE_VALUES);
 	const allowedModes = ((_options$allowedModes = options.allowedModes) === null || _options$allowedModes === void 0 ? void 0 : _options$allowedModes.length) ? options.allowedModes : THEME_MODE_VALUES;
 	const allowedModeValues = JSON.stringify(allowedModes);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reopt-ai/opt-ui",
-  "version": "1.12.4",
+  "version": "1.13.0",
   "description": "접근성 우선 UI 컴포넌트 라이브러리. opt-ui-primitives Core, 비즈니스 Shells, 페이지 Surfaces.",
   "type": "module",
   "license": "MIT",
@@ -148,7 +148,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@reopt-ai/opt-charts": "^1.4.2",
+    "@reopt-ai/opt-charts": "^1.5.0",
     "@reopt-ai/opt-meta": "^0.1.0",
     "@reopt-ai/opt-palette": "^1.0.0",
     "@reopt-ai/opt-ui-primitives": "^1.5.2",
@@ -162,6 +162,7 @@
   },
   "peerDependencies": {
     "@codemirror/autocomplete": "^6.20.1",
+    "@codemirror/commands": "^6.8.1",
     "@codemirror/lang-sql": "^6.10.0",
     "@codemirror/state": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.3",
@@ -174,6 +175,9 @@
     "@codemirror/autocomplete": {
       "optional": true
     },
+    "@codemirror/commands": {
+      "optional": true
+    },
     "@codemirror/lang-sql": {
       "optional": true
     },