@solostylist/ui-kit 1.0.165 → 1.0.166

package/README.md

@@ -1,13 +1,13 @@
-## Installation
-
-You can install it with npm:
-
-```bash
-npm i @solostylist/ui-kit
-```
-
-## Usage
-
-```javascript
-import { STextField } from '@solostylist/ui-kit';
-```
+## Installation
+
+You can install it with npm:
+
+```bash
+npm i @solostylist/ui-kit
+```
+
+## Usage
+
+```javascript
+import { STextField } from '@solostylist/ui-kit';
+```

package/dist/Download-UsLvGg3y.js

@@ -0,0 +1,8 @@
+import { j as o } from "./jsx-runtime-OVHDjVDe.js";
+import { c as t } from "./createSvgIcon-DxwgGAVe.js";
+const s = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
+}), "Download");
+export {
+  s as D
+};

package/dist/main.d.ts

@@ -2,6 +2,8 @@ export { default as SAccordion } from './s-accordion/index';
 export type { SAccordionProps } from './s-accordion/index';
 export { default as SActionOverlay } from './s-action-overlay/index';
 export type { SActionOverlayProps, IActionOverlay } from './s-action-overlay/index';
+export { default as SAiToolBar } from './s-ai-tool-bar/index';
+export type { SAiToolBarProps, SAiToolBarInput } from './s-ai-tool-bar/index';
 export { default as SAutocomplete } from './s-autocomplete/index';
 export type { SAutocompleteProps } from './s-autocomplete/index';
 export { default as SAvatar } from './s-avatar/index';

package/dist/main.js

@@ -1,175 +1,177 @@
 import { default as t } from "./s-accordion/s-accordion.js";
 import { default as l } from "./s-action-overlay/s-action-overlay.js";
-import { default as m } from "./s-autocomplete/s-autocomplete.js";
-import { default as u } from "./s-avatar/s-avatar.js";
-import { default as d } from "./s-breadcrumbs/s-breadcrumbs.js";
-import { default as i } from "./s-button/s-button.js";
-import { default as g } from "./s-button-link/s-button-link.js";
-import { default as T } from "./s-carousel/s-carousel.js";
-import { default as P } from "./s-chat-input/s-chat-input.js";
-import { default as b } from "./s-chat-message/s-chat-message.js";
-import { default as y } from "./s-comment-message/s-comment-message.js";
-import { default as I } from "./s-text-editor/s-text-editor.js";
+import { default as m } from "./s-ai-tool-bar/s-ai-tool-bar.js";
+import { default as u } from "./s-autocomplete/s-autocomplete.js";
+import { default as d } from "./s-avatar/s-avatar.js";
+import { default as i } from "./s-breadcrumbs/s-breadcrumbs.js";
+import { default as g } from "./s-button/s-button.js";
+import { default as T } from "./s-button-link/s-button-link.js";
+import { default as P } from "./s-carousel/s-carousel.js";
+import { default as b } from "./s-chat-input/s-chat-input.js";
+import { default as y } from "./s-chat-message/s-chat-message.js";
+import { default as I } from "./s-comment-message/s-comment-message.js";
+import { default as h } from "./s-text-editor/s-text-editor.js";
 import "./s-text-editor/s-text-editor-toolbar.js";
-import { default as h } from "./s-checkbox/s-checkbox.js";
-import { default as B } from "./s-chip/s-chip.js";
-import { default as w } from "./s-chips/s-chips.js";
-import { default as E } from "./s-data-table/s-data-table.js";
-import { DialogConfirmProvider as R, default as G, useDialogConfirm as N } from "./s-dialog-confirm/s-dialog-confirm.js";
-import { DialogMessageProvider as j, default as V, useDialogMessage as Z } from "./s-dialog-message/s-dialog-message.js";
-import { default as H } from "./s-error/s-error.js";
-import { default as K } from "./s-empty/s-empty.js";
-import { default as U } from "./s-flex-box/s-flex-box.js";
-import { default as X } from "./s-two-pane-layout/s-two-pane-layout.js";
-import { default as _ } from "./s-dialog/s-dialog.js";
-import { default as ee } from "./s-error-layout/s-error-layout.js";
-import { default as re } from "./s-file-dropzone/s-file-dropzone.js";
-import { default as te } from "./s-file-icon/s-file-icon.js";
-import { default as le } from "./s-i18n-provider/s-i18n-provider.js";
-import { default as me } from "./s-icon-button/s-icon-button.js";
-import { default as ue } from "./s-label/s-label.js";
-import { default as de } from "./s-multi-select/s-multi-select.js";
-import { default as ie } from "./s-no-ssr/s-no-ssr.js";
-import { default as ge } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
-import { default as Te } from "./s-text-field/s-text-field.js";
-import { default as Pe } from "./s-pagination/s-pagination.js";
-import { default as be } from "./s-select/s-select.js";
-import { default as ye } from "./s-select-list/s-select-list.js";
-import { default as Ie } from "./s-skeleton/s-skeleton.js";
-import { default as he } from "./s-tip/s-tip.js";
-import { default as Be } from "./s-text-truncation/s-text-truncation.js";
-import { default as we, SnackbarMessageProvider as Ae, useSnackbarMessage as Ee } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as Re } from "./s-form/s-form.js";
-import { SStripeCVC as Ne, SStripeExpiry as Oe, SStripeNumber as je, StripeTextField as Ve } from "./s-stripe/s-stripe.js";
-import { default as qe } from "./s-theme-provider/s-theme-provider.js";
-import { default as Je } from "./s-theme-switch/s-theme-switch.js";
-import { default as Qe } from "./s-datetime-picker/s-datetime-picker.js";
-import { default as We } from "./s-date-picker/s-date-picker.js";
-import { default as Ye } from "./s-localization-provider/s-localization-provider.js";
-import { default as $e } from "./s-gradient-icon/s-gradient-icon.js";
-import { default as oo } from "./s-glow-button/s-glow-button.js";
-import { default as ao } from "./s-moving-border/s-moving-border.js";
-import { default as fo } from "./s-scroll-reveal/s-scroll-reveal.js";
-import { default as so } from "./s-spotlight-cursor/s-spotlight-cursor.js";
-import { default as po } from "./s-copyable-text/s-copyable-text.js";
-import { MediaItem as So, default as xo } from "./s-gallery/s-gallery.js";
-import { default as no } from "./s-image-modal/s-image-modal.js";
-import { default as co } from "./s-lazy-image/s-lazy-image.js";
-import { default as Co } from "./s-image-comparison/s-image-comparison.js";
-import { default as vo } from "./s-zoom-image/s-zoom-image.js";
-import { default as Lo } from "./s-item-not-found/s-item-not-found.js";
-import { default as Do } from "./s-category-card/s-category-card.js";
-import { default as Mo } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
-import { default as ko } from "./s-rating/s-rating.js";
-import { default as Fo } from "./s-review/s-review.js";
-import { default as Ao } from "./s-tabs/s-tabs.js";
-import { default as zo } from "./s-tabs/s-tab.js";
-import { default as Go } from "./s-tabs/s-tab-panel.js";
-import { default as Oo } from "./s-text-shimmer/s-text-shimmer.js";
-import { default as Vo } from "./s-typewriter-text/s-typewriter-text.js";
-import { SLanguagePopover as qo, default as Ho, defaultLanguageOptions as Jo } from "./s-language-switcher/s-language-switcher.js";
-import { default as Qo } from "./s-scroll-to-top/s-scroll-to-top.js";
-import { useDialog as Wo } from "./hooks/use-dialog.js";
-import { usePopover as Yo } from "./hooks/use-popover.js";
+import { default as B } from "./s-checkbox/s-checkbox.js";
+import { default as F } from "./s-chip/s-chip.js";
+import { default as E } from "./s-chips/s-chips.js";
+import { default as R } from "./s-data-table/s-data-table.js";
+import { DialogConfirmProvider as N, default as O, useDialogConfirm as j } from "./s-dialog-confirm/s-dialog-confirm.js";
+import { DialogMessageProvider as Z, default as q, useDialogMessage as H } from "./s-dialog-message/s-dialog-message.js";
+import { default as K } from "./s-error/s-error.js";
+import { default as U } from "./s-empty/s-empty.js";
+import { default as X } from "./s-flex-box/s-flex-box.js";
+import { default as _ } from "./s-two-pane-layout/s-two-pane-layout.js";
+import { default as ee } from "./s-dialog/s-dialog.js";
+import { default as re } from "./s-error-layout/s-error-layout.js";
+import { default as te } from "./s-file-dropzone/s-file-dropzone.js";
+import { default as le } from "./s-file-icon/s-file-icon.js";
+import { default as me } from "./s-i18n-provider/s-i18n-provider.js";
+import { default as ue } from "./s-icon-button/s-icon-button.js";
+import { default as de } from "./s-label/s-label.js";
+import { default as ie } from "./s-multi-select/s-multi-select.js";
+import { default as ge } from "./s-no-ssr/s-no-ssr.js";
+import { default as Te } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
+import { default as Pe } from "./s-text-field/s-text-field.js";
+import { default as be } from "./s-pagination/s-pagination.js";
+import { default as ye } from "./s-select/s-select.js";
+import { default as Ie } from "./s-select-list/s-select-list.js";
+import { default as he } from "./s-skeleton/s-skeleton.js";
+import { default as Be } from "./s-tip/s-tip.js";
+import { default as Fe } from "./s-text-truncation/s-text-truncation.js";
+import { default as Ee, SnackbarMessageProvider as ze, useSnackbarMessage as Re } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as Ne } from "./s-form/s-form.js";
+import { SStripeCVC as je, SStripeExpiry as Ve, SStripeNumber as Ze, StripeTextField as qe } from "./s-stripe/s-stripe.js";
+import { default as Je } from "./s-theme-provider/s-theme-provider.js";
+import { default as Qe } from "./s-theme-switch/s-theme-switch.js";
+import { default as We } from "./s-datetime-picker/s-datetime-picker.js";
+import { default as Ye } from "./s-date-picker/s-date-picker.js";
+import { default as $e } from "./s-localization-provider/s-localization-provider.js";
+import { default as oo } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as ao } from "./s-glow-button/s-glow-button.js";
+import { default as fo } from "./s-moving-border/s-moving-border.js";
+import { default as so } from "./s-scroll-reveal/s-scroll-reveal.js";
+import { default as po } from "./s-spotlight-cursor/s-spotlight-cursor.js";
+import { default as So } from "./s-copyable-text/s-copyable-text.js";
+import { MediaItem as io, default as no } from "./s-gallery/s-gallery.js";
+import { default as co } from "./s-image-modal/s-image-modal.js";
+import { default as Co } from "./s-lazy-image/s-lazy-image.js";
+import { default as vo } from "./s-image-comparison/s-image-comparison.js";
+import { default as Lo } from "./s-zoom-image/s-zoom-image.js";
+import { default as Do } from "./s-item-not-found/s-item-not-found.js";
+import { default as Mo } from "./s-category-card/s-category-card.js";
+import { default as ko } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
+import { default as Ao } from "./s-rating/s-rating.js";
+import { default as wo } from "./s-review/s-review.js";
+import { default as zo } from "./s-tabs/s-tabs.js";
+import { default as Go } from "./s-tabs/s-tab.js";
+import { default as Oo } from "./s-tabs/s-tab-panel.js";
+import { default as Vo } from "./s-text-shimmer/s-text-shimmer.js";
+import { default as qo } from "./s-typewriter-text/s-typewriter-text.js";
+import { SLanguagePopover as Jo, default as Ko, defaultLanguageOptions as Qo } from "./s-language-switcher/s-language-switcher.js";
+import { default as Wo } from "./s-scroll-to-top/s-scroll-to-top.js";
+import { useDialog as Yo } from "./hooks/use-dialog.js";
+import { usePopover as $o } from "./hooks/use-popover.js";
 import "react";
-import { useScrollAnimation as $o } from "./hooks/use-scroll-animation.js";
-import { useIsPassedPosition as or } from "./hooks/use-is-passed-position.js";
-import { formatDatePosted as ar } from "./utils/dayjs.js";
-import { bytesToSize as fr } from "./utils/bytes-to-size.js";
-import { LogLevel as sr, Logger as mr, createLogger as pr, logger as ur } from "./utils/logger.js";
-import { default as dr } from "dayjs";
+import { useScrollAnimation as or } from "./hooks/use-scroll-animation.js";
+import { useIsPassedPosition as ar } from "./hooks/use-is-passed-position.js";
+import { formatDatePosted as fr } from "./utils/dayjs.js";
+import { bytesToSize as sr } from "./utils/bytes-to-size.js";
+import { LogLevel as pr, Logger as ur, createLogger as Sr, logger as dr } from "./utils/logger.js";
+import { default as ir } from "dayjs";
 export {
-  R as DialogConfirmProvider,
-  j as DialogMessageProvider,
-  sr as LogLevel,
-  mr as Logger,
-  So as MediaItem,
+  N as DialogConfirmProvider,
+  Z as DialogMessageProvider,
+  pr as LogLevel,
+  ur as Logger,
+  io as MediaItem,
   t as SAccordion,
   l as SActionOverlay,
-  m as SAutocomplete,
-  u as SAvatar,
-  d as SBreadcrumbs,
-  i as SButton,
-  g as SButtonLink,
-  T as SCarousel,
-  Do as SCategoryCard,
-  P as SChatInput,
-  b as SChatMessage,
-  h as SCheckbox,
-  B as SChip,
-  w as SChips,
-  y as SCommentMessage,
-  po as SCopyableText,
-  E as SDataTable,
-  We as SDatePicker,
-  Qe as SDateTimePicker,
-  _ as SDialog,
-  G as SDialogConfirm,
-  V as SDialogMessage,
-  K as SEmpty,
-  H as SError,
-  ee as SErrorLayout,
-  re as SFileDropzone,
-  te as SFileIcon,
-  U as SFlexBox,
-  Re as SForm,
-  xo as SGallery,
-  oo as SGlowButton,
-  $e as SGradientIcon,
-  le as SI18nProvider,
-  me as SIconButton,
-  Co as SImageComparison,
-  no as SImageModal,
-  Lo as SItemNotFound,
-  ue as SLabel,
-  qo as SLanguagePopover,
-  Ho as SLanguageSwitcher,
-  co as SLazyImage,
-  Ye as SLocalizationProvider,
-  ao as SMovingBorder,
-  de as SMultiSelect,
-  ie as SNoSsr,
-  ge as SOverlayScrollbar,
-  Pe as SPagination,
-  Mo as SRadialPulseAnimate,
-  ko as SRating,
-  Fo as SReview,
-  fo as SScrollReveal,
-  Qo as SScrollToTop,
-  be as SSelect,
-  ye as SSelectList,
-  Ie as SSkeleton,
-  we as SSnackbarMessage,
-  so as SSpotlightCursor,
-  Ne as SStripeCVC,
-  Oe as SStripeExpiry,
-  je as SStripeNumber,
-  zo as STab,
-  Go as STabPanel,
-  Ao as STabs,
-  I as STextEditor,
-  Te as STextField,
-  Oo as STextShimmer,
-  Be as STextTruncation,
-  qe as SThemeProvider,
-  Je as SThemeSwitch,
-  he as STip,
-  X as STwoPaneLayout,
-  Vo as STypewriterText,
-  vo as SZoomImage,
-  Ae as SnackbarMessageProvider,
-  Ve as StripeTextField,
-  fr as bytesToSize,
-  pr as createLogger,
-  dr as dayjs,
-  Jo as defaultLanguageOptions,
-  ar as formatDatePosted,
-  ur as logger,
-  Wo as useDialog,
-  N as useDialogConfirm,
-  Z as useDialogMessage,
-  or as useIsPassedPosition,
-  Yo as usePopover,
-  $o as useScrollAnimation,
-  Ee as useSnackbarMessage
+  m as SAiToolBar,
+  u as SAutocomplete,
+  d as SAvatar,
+  i as SBreadcrumbs,
+  g as SButton,
+  T as SButtonLink,
+  P as SCarousel,
+  Mo as SCategoryCard,
+  b as SChatInput,
+  y as SChatMessage,
+  B as SCheckbox,
+  F as SChip,
+  E as SChips,
+  I as SCommentMessage,
+  So as SCopyableText,
+  R as SDataTable,
+  Ye as SDatePicker,
+  We as SDateTimePicker,
+  ee as SDialog,
+  O as SDialogConfirm,
+  q as SDialogMessage,
+  U as SEmpty,
+  K as SError,
+  re as SErrorLayout,
+  te as SFileDropzone,
+  le as SFileIcon,
+  X as SFlexBox,
+  Ne as SForm,
+  no as SGallery,
+  ao as SGlowButton,
+  oo as SGradientIcon,
+  me as SI18nProvider,
+  ue as SIconButton,
+  vo as SImageComparison,
+  co as SImageModal,
+  Do as SItemNotFound,
+  de as SLabel,
+  Jo as SLanguagePopover,
+  Ko as SLanguageSwitcher,
+  Co as SLazyImage,
+  $e as SLocalizationProvider,
+  fo as SMovingBorder,
+  ie as SMultiSelect,
+  ge as SNoSsr,
+  Te as SOverlayScrollbar,
+  be as SPagination,
+  ko as SRadialPulseAnimate,
+  Ao as SRating,
+  wo as SReview,
+  so as SScrollReveal,
+  Wo as SScrollToTop,
+  ye as SSelect,
+  Ie as SSelectList,
+  he as SSkeleton,
+  Ee as SSnackbarMessage,
+  po as SSpotlightCursor,
+  je as SStripeCVC,
+  Ve as SStripeExpiry,
+  Ze as SStripeNumber,
+  Go as STab,
+  Oo as STabPanel,
+  zo as STabs,
+  h as STextEditor,
+  Pe as STextField,
+  Vo as STextShimmer,
+  Fe as STextTruncation,
+  Je as SThemeProvider,
+  Qe as SThemeSwitch,
+  Be as STip,
+  _ as STwoPaneLayout,
+  qo as STypewriterText,
+  Lo as SZoomImage,
+  ze as SnackbarMessageProvider,
+  qe as StripeTextField,
+  sr as bytesToSize,
+  Sr as createLogger,
+  ir as dayjs,
+  Qo as defaultLanguageOptions,
+  fr as formatDatePosted,
+  dr as logger,
+  Yo as useDialog,
+  j as useDialogConfirm,
+  H as useDialogMessage,
+  ar as useIsPassedPosition,
+  $o as usePopover,
+  or as useScrollAnimation,
+  Re as useSnackbarMessage
 };

package/dist/s-accordion/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-action-overlay/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-ai-tool-bar/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-ai-tool-bar.js";
+export {
+  o as default
+};

package/dist/s-ai-tool-bar/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-ai-tool-bar/s-ai-tool-bar.d.ts

@@ -0,0 +1,104 @@
+import { default as React } from 'react';
+/**
+ * Configuration for individual toolbar input fields
+ */
+export interface SAiToolBarInput {
+    /** Unique identifier for the input */
+    key: string;
+    /** Display label for the input */
+    label: string;
+    /** Input type */
+    type: 'textarea' | 'slider' | 'image' | 'number';
+    /** Whether the input is required */
+    required?: boolean;
+    /** Default value for the input */
+    defaultValue?: any;
+    /** Placeholder text (for textarea/number inputs) */
+    placeholder?: string;
+    /** Minimum value (for slider/number inputs) */
+    min?: number;
+    /** Maximum value (for slider/number inputs) */
+    max?: number;
+    /** Step value (for slider/number inputs) */
+    step?: number;
+    /** Minimum rows for textarea */
+    minRows?: number;
+    /** Maximum rows for textarea */
+    maxRows?: number;
+    /** Allow multiple images (for image inputs) */
+    multiple?: boolean;
+    /** Maximum number of images (for image inputs with multiple=true) */
+    maxImages?: number;
+    /** Custom renderer for the input */
+    renderInput?: (props: {
+        value: any;
+        onChange: (value: any) => void;
+        isExpanded: boolean;
+        onFocus: () => void;
+        onBlur: () => void;
+        disabled?: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * Props interface for SAiToolBar component
+ */
+export interface SAiToolBarProps {
+    /** Configuration for input fields */
+    inputs?: SAiToolBarInput[];
+    /** Callback when process button is clicked */
+    onProcess?: () => void;
+    /** Callback when reset button is clicked */
+    onReset?: () => void;
+    /** Callback when download button is clicked */
+    onDownload?: () => void;
+    /** Whether the toolbar is in processing state */
+    processing?: boolean;
+    /** Whether the toolbar is in uploading state */
+    uploading?: boolean;
+    /** Input values controlled externally */
+    inputValues?: Record<string, any>;
+    /** Callback when input values change */
+    onInputChange?: (key: string, value: any, file?: File) => void;
+    /** Custom action buttons between inputs and standard actions */
+    customActionButtons?: React.ReactNode;
+    /** Hide the main process button */
+    hideProcessButton?: boolean;
+    /** Override to disable the process button */
+    processButtonDisabled?: boolean;
+    /** Function to check if an input should be disabled */
+    getInputDisabled?: (inputKey: string) => boolean;
+    /** Tooltip for process button */
+    processTooltip?: string;
+    /** Tooltip for download button */
+    downloadTooltip?: string;
+    /** Tooltip for reset button */
+    resetTooltip?: string;
+    /** Tooltip for info button */
+    infoTooltip?: string;
+    /** Info dialog title */
+    infoTitle?: string;
+    /** Info dialog content */
+    infoContent?: React.ReactNode;
+    /** Position of the toolbar */
+    position?: 'bottom' | 'top';
+    /** Use relative positioning within container instead of fixed viewport positioning */
+    relative?: boolean;
+}
+/**
+ * SAiToolBar - A dynamic floating toolbar for AI tools with expandable inputs and action buttons.
+ *
+ * Key features:
+ * - Dynamic width calculation based on inputs and expanded state
+ * - Smooth expand/collapse animations on hover and focus
+ * - Support for multiple input types (text, number, slider, custom)
+ * - Portal rendering for proper z-index handling
+ * - Configurable action buttons
+ * - Built-in validation for required inputs
+ * - Info dialog integration
+ * - Responsive to processing and uploading states
+ *
+ * @param props - SAiToolBarProps for toolbar configuration
+ * @returns JSX.Element - Floating toolbar with inputs and action buttons
+ */
+declare const SAiToolBar: ({ inputs, onProcess, onReset, onDownload, processing, uploading, inputValues, onInputChange, customActionButtons, hideProcessButton, processButtonDisabled, getInputDisabled, processTooltip, downloadTooltip, resetTooltip, infoTooltip, infoTitle, infoContent, position, relative, }: SAiToolBarProps) => React.JSX.Element;
+export default SAiToolBar;