smarthr-ui 97.0.0 → 98.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smarthr-ui",
   "description": "SmartHR ui components built with React.",
-  "version": "97.0.0",
+  "version": "98.0.0",
   "author": "SmartHR-UI Team",
   "type": "module",
   "dependencies": {

package/smarthr-ui.css

@@ -1936,84 +1936,6 @@ a {
   row-gap: 128px;
 }
 
-.shr-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-0\.25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(4px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(8px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-0\.75 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(12px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(16px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-1\.25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(20px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(24px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(32px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(40px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(48px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(48px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(56px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(56px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(64px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(64px * var(--tw-space-y-reverse));
-}
-
-.shr-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(128px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(128px * var(--tw-space-y-reverse));
-}
-
 .shr-divide-x > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-x-reverse: 0;
   border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -4162,10 +4084,6 @@ a {
   border-top-right-radius: 6px;
 }
 
-.empty\:\!shr-mt-0:empty {
-  margin-top: 0 !important;
-}
-
 .empty\:shr-gap-0:empty {
   gap: 0;
 }
@@ -5228,14 +5146,6 @@ a {
   margin-bottom: auto;
 }
 
-.\[\&\&\&\]\:shr--mt-0.\[\&\&\&\]\:shr--mt-0.\[\&\&\&\]\:shr--mt-0 {
-  margin-top: 0;
-}
-
-.\[\&\&\&\]\:shr-mt-0.\[\&\&\&\]\:shr-mt-0.\[\&\&\&\]\:shr-mt-0 {
-  margin-top: 0;
-}
-
 .\[\&\&\&\]\:shr-whitespace-normal.\[\&\&\&\]\:shr-whitespace-normal.\[\&\&\&\]\:shr-whitespace-normal {
   white-space: normal;
 }
@@ -6444,10 +6354,6 @@ a {
   margin-top: 8px;
 }
 
-:not([hidden]) ~ .\[\:not\(\[hidden\]\)_\~_\&\&\&\]\:shr-mt-1.\[\:not\(\[hidden\]\)_\~_\&\&\&\]\:shr-mt-1.\[\:not\(\[hidden\]\)_\~_\&\&\&\]\:shr-mt-1 {
-  margin-top: 16px;
-}
-
 [aria-pressed="true"]>.\[\[aria-pressed\=\"true\"\]\>\&\&\&\]\:shr-bg-main.\[\[aria-pressed\=\"true\"\]\>\&\&\&\]\:shr-bg-main.\[\[aria-pressed\=\"true\"\]\>\&\&\&\]\:shr-bg-main {
   --tw-bg-opacity: 1;
   background-color: rgb(0 119 199 / var(--tw-bg-opacity, 1));

package/lib/hooks/useDecorators.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const useDecorators = (defaultTexts, decorators) => React.useMemo(() => {
-    if (!decorators) {
-        return defaultTexts;
-    }
-    const decorated = {};
-    for (const key in defaultTexts) {
-        const value = defaultTexts[key];
-        decorated[key] = decorators[key]?.(value) || value;
-    }
-    return decorated;
-}, [decorators, defaultTexts]);
-
-exports.useDecorators = useDecorators;
-//# sourceMappingURL=useDecorators.cjs.map

package/lib/hooks/useDecorators.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDecorators.cjs","sources":["../../src/hooks/useDecorators.ts"],"sourcesContent":["import { type ReactNode, useMemo } from 'react'\n\nexport type DecoratorsType<T extends string> = {\n  [K in T]?: DecoratorType\n}\n\nexport type DecoratorType = (text: string) => ReactNode\n\nexport const useDecorators = <T extends string>(\n  defaultTexts: { [K in T]: string },\n  decorators: DecoratorsType<T> | undefined,\n) =>\n  useMemo(() => {\n    if (!decorators) {\n      return defaultTexts\n    }\n\n    const decorated = {} as { [K in T]: ReactNode }\n\n    for (const key in defaultTexts) {\n      const value = defaultTexts[key]\n\n      decorated[key] = decorators[key]?.(value) || value\n    }\n\n    return decorated\n  }, [decorators, defaultTexts])\n"],"names":["useMemo"],"mappings":";;;;AAQO,MAAM,aAAa,GAAG,CAC3B,YAAkC,EAClC,UAAyC,KAEzCA,aAAO,CAAC,MAAK;IACX,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,YAAY;IACrB;IAEA,MAAM,SAAS,GAAG,EAA6B;AAE/C,IAAA,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;AAC9B,QAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC;AAE/B,QAAA,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,KAAK;IACpD;AAEA,IAAA,OAAO,SAAS;AAClB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;;;;"}

package/lib/hooks/useDecorators.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-export type DecoratorsType<T extends string> = {
-    [K in T]?: DecoratorType;
-};
-export type DecoratorType = (text: string) => ReactNode;
-export declare const useDecorators: <T extends string>(defaultTexts: { [K_1 in T]: string; }, decorators: DecoratorsType<T> | undefined) => { [K in T]: ReactNode; };

package/lib/hooks/useDecorators.js

@@ -1,16 +0,0 @@
-import { useMemo } from 'react';
-
-const useDecorators = (defaultTexts, decorators) => useMemo(() => {
-    if (!decorators) {
-        return defaultTexts;
-    }
-    const decorated = {};
-    for (const key in defaultTexts) {
-        const value = defaultTexts[key];
-        decorated[key] = decorators[key]?.(value) || value;
-    }
-    return decorated;
-}, [decorators, defaultTexts]);
-
-export { useDecorators };
-//# sourceMappingURL=useDecorators.js.map

package/lib/hooks/useDecorators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDecorators.js","sources":["../../src/hooks/useDecorators.ts"],"sourcesContent":["import { type ReactNode, useMemo } from 'react'\n\nexport type DecoratorsType<T extends string> = {\n  [K in T]?: DecoratorType\n}\n\nexport type DecoratorType = (text: string) => ReactNode\n\nexport const useDecorators = <T extends string>(\n  defaultTexts: { [K in T]: string },\n  decorators: DecoratorsType<T> | undefined,\n) =>\n  useMemo(() => {\n    if (!decorators) {\n      return defaultTexts\n    }\n\n    const decorated = {} as { [K in T]: ReactNode }\n\n    for (const key in defaultTexts) {\n      const value = defaultTexts[key]\n\n      decorated[key] = decorators[key]?.(value) || value\n    }\n\n    return decorated\n  }, [decorators, defaultTexts])\n"],"names":[],"mappings":";;AAQO,MAAM,aAAa,GAAG,CAC3B,YAAkC,EAClC,UAAyC,KAEzC,OAAO,CAAC,MAAK;IACX,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,YAAY;IACrB;IAEA,MAAM,SAAS,GAAG,EAA6B;AAE/C,IAAA,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;AAC9B,QAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC;AAE/B,QAAA,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,KAAK;IACpD;AAEA,IAAA,OAAO,SAAS;AAClB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;;;;"}

package/lib/hooks/useDevice/DeviceProvider.cjs

@@ -1,37 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-require('../../themes/createSpacing.cjs');
-require('../../_virtual/index.cjs');
-require('../../_virtual/index2.cjs');
-require('../../themes/createColor.cjs');
-require('../../themes/createTextColor.cjs');
-require('styled-components');
-require('../../themes/createShadow/defaultShadow.cjs');
-require('../../themes/createWidth.cjs');
-var themes_createBreakpoint = require('../../themes/createBreakpoint.cjs');
-require('../../themes/createBackgroundColor.cjs');
-require('../../themes/createBorder.cjs');
-var hooks_useDevice_useDevice = require('./useDevice.cjs');
-
-const mediaQuery = {
-    narrow: `(max-width: ${themes_createBreakpoint.defaultBreakpoint.SP}px)`,
-};
-const subscribe = (onStoreChange) => {
-    const matchQueryList = matchMedia(mediaQuery.narrow);
-    matchQueryList.addEventListener('change', onStoreChange);
-    return () => {
-        matchQueryList.removeEventListener('change', onStoreChange);
-    };
-};
-const getSnapshot = () => matchMedia(mediaQuery.narrow).matches;
-const getServerSnapshot = () => null;
-const DeviceProvider = ({ children }) => {
-    const isNarrowView = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-    return jsxRuntime.jsx(hooks_useDevice_useDevice.DeviceContext.Provider, { value: isNarrowView, children: children });
-};
-
-exports.DeviceProvider = DeviceProvider;
-//# sourceMappingURL=DeviceProvider.cjs.map

package/lib/hooks/useDevice/DeviceProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceProvider.cjs","sources":["../../../src/hooks/useDevice/DeviceProvider.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactNode, useSyncExternalStore } from 'react'\n\nimport { defaultBreakpoint } from '../../themes'\n\nimport { DeviceContext } from './useDevice'\n\nconst mediaQuery = {\n  narrow: `(max-width: ${defaultBreakpoint.SP}px)`,\n}\n\nconst subscribe = (onStoreChange: () => void) => {\n  const matchQueryList = matchMedia(mediaQuery.narrow)\n  matchQueryList.addEventListener('change', onStoreChange)\n\n  return () => {\n    matchQueryList.removeEventListener('change', onStoreChange)\n  }\n}\n\nconst getSnapshot = () => matchMedia(mediaQuery.narrow).matches\n\nconst getServerSnapshot = () => null\n\nexport const DeviceProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const isNarrowView = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return <DeviceContext.Provider value={isNarrowView}>{children}</DeviceContext.Provider>\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQA;AACE;;AAGF;;AAEE;AAEA;AACE;AACF;AACF;AAEA;AAEA;;;;AAMA;;"}

package/lib/hooks/useDevice/DeviceProvider.d.ts

@@ -1,4 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-export declare const DeviceProvider: FC<{
-    children: ReactNode;
-}>;

package/lib/hooks/useDevice/DeviceProvider.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useSyncExternalStore } from 'react';
-import '../../themes/createSpacing.js';
-import '../../_virtual/index.js';
-import '../../_virtual/index2.js';
-import '../../themes/createColor.js';
-import '../../themes/createTextColor.js';
-import 'styled-components';
-import '../../themes/createShadow/defaultShadow.js';
-import '../../themes/createWidth.js';
-import { defaultBreakpoint } from '../../themes/createBreakpoint.js';
-import '../../themes/createBackgroundColor.js';
-import '../../themes/createBorder.js';
-import { DeviceContext } from './useDevice.js';
-
-const mediaQuery = {
-    narrow: `(max-width: ${defaultBreakpoint.SP}px)`,
-};
-const subscribe = (onStoreChange) => {
-    const matchQueryList = matchMedia(mediaQuery.narrow);
-    matchQueryList.addEventListener('change', onStoreChange);
-    return () => {
-        matchQueryList.removeEventListener('change', onStoreChange);
-    };
-};
-const getSnapshot = () => matchMedia(mediaQuery.narrow).matches;
-const getServerSnapshot = () => null;
-const DeviceProvider = ({ children }) => {
-    const isNarrowView = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-    return jsx(DeviceContext.Provider, { value: isNarrowView, children: children });
-};
-
-export { DeviceProvider };
-//# sourceMappingURL=DeviceProvider.js.map

package/lib/hooks/useDevice/DeviceProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceProvider.js","sources":["../../../src/hooks/useDevice/DeviceProvider.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactNode, useSyncExternalStore } from 'react'\n\nimport { defaultBreakpoint } from '../../themes'\n\nimport { DeviceContext } from './useDevice'\n\nconst mediaQuery = {\n  narrow: `(max-width: ${defaultBreakpoint.SP}px)`,\n}\n\nconst subscribe = (onStoreChange: () => void) => {\n  const matchQueryList = matchMedia(mediaQuery.narrow)\n  matchQueryList.addEventListener('change', onStoreChange)\n\n  return () => {\n    matchQueryList.removeEventListener('change', onStoreChange)\n  }\n}\n\nconst getSnapshot = () => matchMedia(mediaQuery.narrow).matches\n\nconst getServerSnapshot = () => null\n\nexport const DeviceProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const isNarrowView = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n  return <DeviceContext.Provider value={isNarrowView}>{children}</DeviceContext.Provider>\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA;AACE;;AAGF;;AAEE;AAEA;AACE;AACF;AACF;AAEA;AAEA;;;;AAMA;;"}

package/lib/hooks/useDevice/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var hooks_useDevice_useDevice = require('./useDevice.cjs');
-var hooks_useDevice_DeviceProvider = require('./DeviceProvider.cjs');
-
-
-
-exports.useDevice = hooks_useDevice_useDevice.useDevice;
-exports.DeviceProvider = hooks_useDevice_DeviceProvider.DeviceProvider;
-//# sourceMappingURL=index.cjs.map

package/lib/hooks/useDevice/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/hooks/useDevice/index.d.ts

@@ -1,2 +0,0 @@
-export { useDevice } from './useDevice';
-export { DeviceProvider } from './DeviceProvider';

package/lib/hooks/useDevice/index.js

@@ -1,3 +0,0 @@
-export { useDevice } from './useDevice.js';
-export { DeviceProvider } from './DeviceProvider.js';
-//# sourceMappingURL=index.js.map

package/lib/hooks/useDevice/index.js.map

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

package/lib/hooks/useDevice/useDevice.cjs

@@ -1,11 +0,0 @@
-"use client";
-'use strict';
-
-var React = require('react');
-
-const DeviceContext = React.createContext(null);
-const useDevice = () => ({ isNarrowView: React.useContext(DeviceContext) });
-
-exports.DeviceContext = DeviceContext;
-exports.useDevice = useDevice;
-//# sourceMappingURL=useDevice.cjs.map

package/lib/hooks/useDevice/useDevice.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDevice.cjs","sources":["../../../src/hooks/useDevice/useDevice.ts"],"sourcesContent":["'use client'\nimport { createContext, useContext } from 'react'\n\nexport const DeviceContext = createContext<boolean | null>(null)\n\nexport const useDevice = () => ({ isNarrowView: useContext(DeviceContext) })\n"],"names":[],"mappings":";;;;;;AAKO;;;"}

package/lib/hooks/useDevice/useDevice.d.ts

@@ -1,4 +0,0 @@
-export declare const DeviceContext: import("react").Context<boolean | null>;
-export declare const useDevice: () => {
-    isNarrowView: boolean | null;
-};

package/lib/hooks/useDevice/useDevice.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext, useContext } from 'react';
-
-const DeviceContext = createContext(null);
-const useDevice = () => ({ isNarrowView: useContext(DeviceContext) });
-
-export { DeviceContext, useDevice };
-//# sourceMappingURL=useDevice.js.map

package/lib/hooks/useDevice/useDevice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDevice.js","sources":["../../../src/hooks/useDevice/useDevice.ts"],"sourcesContent":["'use client'\nimport { createContext, useContext } from 'react'\n\nexport const DeviceContext = createContext<boolean | null>(null)\n\nexport const useDevice = () => ({ isNarrowView: useContext(DeviceContext) })\n"],"names":[],"mappings":";;;;AAKO;;"}