@solostylist/ui-kit 1.0.115 → 1.0.117

package/dist/index-bBtpkEYO.js

@@ -1,44 +0,0 @@
-import "react";
-import { j as e } from "./jsx-runtime-OVHDjVDe.js";
-import { e as s } from "./extendSxProp-BDhPgeA-.js";
-import { P as o } from "./createTheme-CSzTQZIR.js";
-import { d as a } from "./defaultTheme-QdH8_nrP.js";
-import { T as i } from "./identifier-BKLqN993.js";
-import { G as m } from "./GlobalStyles-CpyAg53D.js";
-function t(r) {
-  return /* @__PURE__ */ e.jsx(m, {
-    ...r,
-    defaultTheme: a,
-    themeId: i
-  });
-}
-process.env.NODE_ENV !== "production" && (t.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The styles you want to apply globally.
-   */
-  styles: o.oneOfType([o.array, o.func, o.number, o.object, o.string, o.bool])
-});
-function T(r) {
-  return function(n) {
-    return (
-      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
-      /* @__PURE__ */ e.jsx(t, {
-        styles: typeof r == "function" ? (p) => r({
-          theme: p,
-          ...n
-        }) : r
-      })
-    );
-  };
-}
-function E() {
-  return s;
-}
-export {
-  T as g,
-  E as i
-};

package/dist/s-theme-provider/use-theme.d.ts

@@ -1,51 +0,0 @@
-/**
- * Type definition for theme modes
- */
-export type SThemeMode = 'light' | 'dark' | 'system';
-/**
- * Custom hook for theme management in SoloStylist UI Kit
- *
- * This hook provides easy access to the current theme mode and methods
- * to change the theme throughout the entire application.
- *
- * @returns Object containing theme mode, setter, and utility methods
- *
- * @example
- * ```tsx
- * import { useSTheme } from '@solostylist/ui-kit/s-theme-provider';
- *
- * function MyComponent() {
- *   const { mode, setMode, isDark, isLight, toggleMode } = useSTheme();
- *
- *   return (
- *     <div>
- *       <p>Current mode: {mode}</p>
- *       <button onClick={() => setMode('dark')}>Dark Mode</button>
- *       <button onClick={() => setMode('light')}>Light Mode</button>
- *       <button onClick={toggleMode}>Toggle Theme</button>
- *     </div>
- *   );
- * }
- * ```
- */
-export declare const useSTheme: () => {
-    /** Current theme mode (includes 'system') */
-    mode: SThemeMode;
-    /** Resolved theme mode (system resolves to light/dark) */
-    resolvedMode: "light" | "dark";
-    /** System preference mode */
-    systemMode: "light" | "dark";
-    /** Set theme mode */
-    setMode: (newMode: SThemeMode) => void;
-    /** Is current theme dark? */
-    isDark: boolean;
-    /** Is current theme light? */
-    isLight: boolean;
-    /** Is using system preference? */
-    isSystem: boolean;
-    /** Toggle between light and dark (skips system) */
-    toggleMode: () => void;
-    /** Cycle through all modes: light → dark → system → light */
-    cycleMode: () => void;
-};
-export default useSTheme;