@apple-pie/slice 0.0.0 → 0.0.2

package/dist/cjs/hooks/useTrackRenders.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var utils = require('../chunks/utils-CbayehuI.js');
+
+/**
+ * Hook to log component renders, mounts, and unmounts
+ * Note: wrap in comments with START.DEBUG ... {hook} ... END.DEBUG to remove from build
+ */
+function useTrackRenders(props, componentName = 'Component') {
+    const prev = React.useRef({
+        props,
+        mount: true,
+        unmount: false,
+    });
+    // 5 random letters (uppercase)
+    const id = crypto
+        .getRandomValues(new Uint8Array(5))
+        .reduce((acc, val) => acc + String.fromCodePoint(65 + (val % 26)), '');
+    // name the component
+    const name = `${componentName} {${id}}`;
+    // Track re-renders w/o dependency array
+    React.useEffect(() => {
+        prev.current = utils.debug(prev, props, name);
+    });
+    // Track unmount with empty array on return
+    // biome-ignore lint/correctness/useExhaustiveDependencies: track unmount only
+    React.useEffect(() => {
+        return () => {
+            if (prev.current) {
+                prev.current.unmount = true;
+                utils.debug(prev, prev, name);
+            }
+        };
+    }, []);
+}
+
+exports.useTrackRenders = useTrackRenders;

package/dist/cjs/hooks/useWindow.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+
+var _a;
+exports.FormFactor = void 0;
+(function (FormFactor) {
+    FormFactor["Mobile"] = "mobile";
+    FormFactor["Tablet"] = "tablet";
+    FormFactor["Desktop"] = "desktop";
+})(exports.FormFactor || (exports.FormFactor = {}));
+function checkElectron() {
+    const userAgent = navigator.userAgent.toLowerCase();
+    return userAgent.includes('electron/');
+}
+const isElectron = checkElectron();
+const isAppleDevice = navigator.platform.startsWith('Mac') || navigator.platform === 'iPhone';
+const dpr = (_a = Math.min(Math.ceil(window.devicePixelRatio), 3)) !== null && _a !== void 0 ? _a : 1;
+const isTouchDevice = 'ontouchstart' in globalThis || navigator.maxTouchPoints > 0;
+function useWindow(top = true) {
+    const [viewportWidth, setViewportWidth] = React.useState(null);
+    const [viewportHeight, setViewportHeight] = React.useState(null);
+    const [height, setHeight] = React.useState('100vh');
+    const [formFactor, setFormFactor] = React.useState(exports.FormFactor.Desktop);
+    React.useEffect(() => {
+        handleResize();
+        window.addEventListener('resize', handleResize, false);
+        return () => window.removeEventListener('resize', handleResize, false);
+    }, []);
+    function handleResize() {
+        var _a, _b, _c, _d;
+        const windowWidth = top
+            ? ((_b = (_a = window.top) === null || _a === void 0 ? void 0 : _a.innerWidth) !== null && _b !== void 0 ? _b : window.innerWidth)
+            : window.innerWidth;
+        const windowHeight = top
+            ? ((_d = (_c = window.top) === null || _c === void 0 ? void 0 : _c.innerHeight) !== null && _d !== void 0 ? _d : window.innerHeight)
+            : window.innerHeight;
+        if (windowWidth <= 480)
+            setFormFactor(exports.FormFactor.Mobile);
+        else if (windowWidth < 860)
+            setFormFactor(exports.FormFactor.Tablet);
+        else
+            setFormFactor(exports.FormFactor.Desktop);
+        setViewportHeight(windowHeight);
+        setViewportWidth(windowWidth);
+        // note: mobile devices can have task bars that are included inside the viewport.
+        // for mobile devices, set root containers to the inner height pixel which removes
+        // the height of any toolbars and provides the "true" view port height
+        if (!isElectron)
+            setHeight(isTouchDevice ? `${windowHeight}px` : '100vh');
+    }
+    return {
+        viewportWidth,
+        viewportHeight,
+        height,
+        isTouchDevice,
+        isElectron,
+        isAppleDevice,
+        formFactor,
+        dpr,
+    };
+}
+
+exports.useWindow = useWindow;

package/dist/cjs/hooks.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var hooks_useTheme = require('./hooks/useTheme.js');
+var hooks_useObserveTheme = require('./hooks/useObserveTheme.js');
+var hooks_useDoubleClick = require('./hooks/useDoubleClick.js');
+var hooks_useToolTip = require('./hooks/useToolTip.js');
+var hooks_useKeyboardShortcuts = require('./hooks/useKeyboardShortcuts.js');
+var hooks_useLastUpdated = require('./hooks/useLastUpdated.js');
+var hooks_useLocalStore = require('./hooks/useLocalStore.js');
+var hooks_useWindow = require('./hooks/useWindow.js');
+var hooks_useObserveResize = require('./hooks/useObserveResize.js');
+require('react');
+require('./theme/themes.js');
+require('./theme/colors.js');
+require('./theme/corners.js');
+require('./theme/type.js');
+
+
+
+exports.useTheme = hooks_useTheme.useTheme;
+exports.useObserveTheme = hooks_useObserveTheme.useObserveTheme;
+exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick;
+exports.useToolTip = hooks_useToolTip.useToolTip;
+exports.useKeyboardShortcuts = hooks_useKeyboardShortcuts.useKeyboardShortcuts;
+exports.useLastUpdated = hooks_useLastUpdated.useLastUpdated;
+exports.useLocalStore = hooks_useLocalStore.useLocalStore;
+Object.defineProperty(exports, "FormFactor", {
+	enumerable: true,
+	get: function () { return hooks_useWindow.FormFactor; }
+});
+exports.useWindow = hooks_useWindow.useWindow;
+exports.useObserveResize = hooks_useObserveResize.useObserveResize;

package/dist/cjs/index.js

@@ -0,0 +1,121 @@
+'use strict';
+
+var sharedTypes = require('./chunks/sharedTypes-BvTjh6M5.js');
+var theme_themes = require('./theme/themes.js');
+var theme_colors = require('./theme/colors.js');
+var hooks_useTheme = require('./hooks/useTheme.js');
+var hooks_useObserveTheme = require('./hooks/useObserveTheme.js');
+var hooks_useDoubleClick = require('./hooks/useDoubleClick.js');
+var hooks_useToolTip = require('./hooks/useToolTip.js');
+var hooks_useKeyboardShortcuts = require('./hooks/useKeyboardShortcuts.js');
+var hooks_useLastUpdated = require('./hooks/useLastUpdated.js');
+var hooks_useLocalStore = require('./hooks/useLocalStore.js');
+var hooks_useWindow = require('./hooks/useWindow.js');
+var hooks_useObserveResize = require('./hooks/useObserveResize.js');
+var Avatar = require('./chunks/Avatar-8-wPWe0V.js');
+var AvatarGroup = require('./chunks/AvatarGroup-CVKmgBbD.js');
+var Badge = require('./chunks/Badge-CMapJCij.js');
+var EditorButtonBar = require('./chunks/EditorButtonBar-CUNDgRQd.js');
+var IconButton = require('./chunks/IconButton-BfsPlKTb.js');
+var CheckBox = require('./chunks/CheckBox-7AACxrdZ.js');
+var DivInput = require('./chunks/DivInput-BKKJTFeV.js');
+var DocIcons = require('./chunks/DocIcons-BRWOzK96.js');
+var Dot = require('./chunks/Dot-Dnr9M9na.js');
+var DrggablePanel = require('./chunks/DrggablePanel-C6TPsDB-.js');
+var DropDown = require('./chunks/DropDown-D9sf_m2I.js');
+var ErrorSummary = require('./chunks/ErrorSummary-Dv44onsV.js');
+var Grouper = require('./chunks/Grouper-_kd2nU78.js');
+var Logos = require('./chunks/Logos-DSlAUz8l.js');
+var Overlay = require('./chunks/Overlay-DwCPvGB5.js');
+var FlexDiv = require('./chunks/FlexDiv-DZBpswHV.js');
+var MessageInput = require('./chunks/MessageInput-CiHFo2j8.js');
+var Pager = require('./chunks/Pager-CFtZ0IIW.js');
+var ProgressIndicator = require('./chunks/ProgressIndicator-C5oB7Mky.js');
+var RadioButton = require('./chunks/RadioButton-e_y2qiPE.js');
+var RadioButtonList = require('./chunks/RadioButtonList-I81UwHmM.js');
+var Slider = require('./chunks/Slider-C-gn7Sby.js');
+var Spacer = require('./chunks/Spacer-BEY2-_PB.js');
+var Switch = require('./chunks/Switch-CtkFtogd.js');
+var TabBar = require('./chunks/TabBar-D3bj4pjj.js');
+var TextArea = require('./chunks/TextArea-B1oKK3_b.js');
+var TextField = require('./chunks/TextField-CiQdPP5E.js');
+var providers_ThemeProvider = require('./providers/ThemeProvider.js');
+var Tip = require('./chunks/Tip-C2pzExut.js');
+var Toast = require('./chunks/Toast-DrijUwoL.js');
+var UIButton = require('./chunks/UIButton-CH4p-8yq.js');
+var UIChip = require('./chunks/UIChip-kjhvRrOV.js');
+var _types = require('./chunks/_types-CoWzQFsT.js');
+var UIButtonBar = require('./chunks/UIButtonBar-0fHPB0ww.js');
+var UICard = require('./chunks/UICard-DBDSyT7E.js');
+var UIFileIcon = require('./chunks/UIFileIcon-ZrbDIeYz.js');
+var UILabel = require('./chunks/UILabel-DkBE2AIt.js');
+require('./theme/corners.js');
+require('./theme/type.js');
+require('react');
+require('./chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('./chunks/style-inject.es-XZHJH68X.js');
+require('motion/react');
+require('./chunks/utils-CbayehuI.js');
+
+
+
+Object.defineProperty(exports, "ToolTipType", {
+	enumerable: true,
+	get: function () { return sharedTypes.ToolTipType; }
+});
+exports.darkTheme = theme_themes.darkTheme;
+exports.lightTheme = theme_themes.lightTheme;
+exports.dark = theme_colors.dark;
+exports.light = theme_colors.light;
+exports.useTheme = hooks_useTheme.useTheme;
+exports.useObserveTheme = hooks_useObserveTheme.useObserveTheme;
+exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick;
+exports.useToolTip = hooks_useToolTip.useToolTip;
+exports.useKeyboardShortcuts = hooks_useKeyboardShortcuts.useKeyboardShortcuts;
+exports.useLastUpdated = hooks_useLastUpdated.useLastUpdated;
+exports.useLocalStore = hooks_useLocalStore.useLocalStore;
+exports.useWindow = hooks_useWindow.useWindow;
+exports.useObserveResize = hooks_useObserveResize.useObserveResize;
+exports.Avatar = Avatar.Avatar;
+exports.AvatarGroup = AvatarGroup.AvatarGroup;
+exports.Badge = Badge.Badge;
+exports.EditorButtonBar = EditorButtonBar.EditorButtonBar;
+exports.IconButton = IconButton.IconButton;
+exports.CheckBox = CheckBox.CheckBox;
+exports.DivInput = DivInput.DivInput;
+exports.DocIcons = DocIcons.DocIcons;
+exports.Dot = Dot.Dot;
+exports.DraggablePanel = DrggablePanel.DraggablePanel;
+exports.DropDown = DropDown.DropDown;
+exports.ErrorSummary = ErrorSummary.ErrorSummary;
+exports.Grouper = Grouper.Grouper;
+exports.Logos = Logos.Logos;
+exports.Overlay = Overlay.Overlay;
+exports.FlexDiv = FlexDiv.FlexDiv;
+exports.MessageInput = MessageInput.MessageInput;
+exports.Pager = Pager.Pager;
+exports.DoneCheck = ProgressIndicator.DoneCheck;
+exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
+exports.RadioButton = RadioButton.RadioButton;
+exports.RadioButtonList = RadioButtonList.RadioButtonList;
+exports.Slider = Slider.Slider;
+exports.Spacer = Spacer.Spacer;
+exports.Switch = Switch.Switch;
+exports.TabBar = TabBar.TabBar;
+exports.TextArea = TextArea.TextArea;
+exports.TextField = TextField.TextField;
+exports.ThemeProvider = providers_ThemeProvider.ThemeProvider;
+exports.Tip = Tip.Tip;
+exports.Toast = Toast.Toast;
+Object.defineProperty(exports, "ToastType", {
+	enumerable: true,
+	get: function () { return Toast.ToastType; }
+});
+exports.UIButton = UIButton.UIButton;
+exports.UIChip = UIChip.UIChip;
+exports.Icon = _types.Icon;
+exports.UIButtonBar = UIButtonBar.UIButtonBar;
+exports.UICard = UICard.UICard;
+exports.UIFileIcon = UIFileIcon.UIFileIcon;
+exports.UILabel = UILabel.UILabel;

package/dist/cjs/providers/ThemeProvider.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+var styleInject_es = require('../chunks/style-inject.es-XZHJH68X.js');
+var theme_themes = require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+
+var css_248z$1 = "/* Core brand colors (un-themed) */\n:root {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Light theme tokens */\n[data-theme=\"lightMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-700);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Dark theme tokens */\n[data-theme=\"darkMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-900);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n.array-land {\n\tbackground: var(--array-land);\n}\n.array-land-label {\n\tcolor: var(--array-land-label);\n}\n.array-magenta {\n\tbackground: var(--array-magenta);\n}\n.array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n.array-orange {\n\tbackground: var(--array-orange);\n}\n.array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n.array-purple {\n\tbackground: var(--array-purple);\n}\n.array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n.array-sea {\n\tbackground: var(--array-sea);\n}\n.array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n.array-sky {\n\tbackground: var(--array-sky);\n}\n.array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n.array-yellow {\n\tbackground: var(--array-yellow);\n}\n.array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n.core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n.core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n.core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n.core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n.core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n.core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n.core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n.core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n.core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n.core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n.core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n.core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n.core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n.core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n.core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n.core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n.core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n.core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n.core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n.core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n.core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n.core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n.core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n.core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n.core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n.core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n.core-text-error {\n\tcolor: var(--core-text-error);\n}\n.core-text-light {\n\tcolor: var(--core-text-light);\n}\n.core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n.core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n.core-text-special {\n\tcolor: var(--core-text-special);\n}\n.core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n.eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n.eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n.eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n.eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n.eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n.feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n.feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n.feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n.feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n.feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n.gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n.gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n.gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n.gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n.gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n.scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n.scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n.surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n.surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\nbody {\n\tbackground: var(--core-surface-primary);\n}\n";
+styleInject_es.styleInject(css_248z$1);
+
+var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap\");\n\n:root {\n\t--font-family: \"Funnel Sans\";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n}\n\n.body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n.body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nbody {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n";
+styleInject_es.styleInject(css_248z);
+
+// set up media query for system theme
+const darkModeMediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
+function ThemeProvider(props) {
+    const { children, theme, system } = props;
+    // update active theme based on theme prop
+    React.useEffect(() => {
+        if (theme) {
+            const newTheme = theme.includes('dark') ? theme_themes.darkTheme : theme_themes.lightTheme;
+            document.documentElement.dataset.theme = newTheme.name;
+        }
+    }, [theme]);
+    // update then active theme based on system changes
+    React.useEffect(() => {
+        // handler for the media query change
+        const handleSystemThemeChange = (e) => {
+            if (system) {
+                const autoTheme = e.matches ? theme_themes.darkTheme : theme_themes.lightTheme;
+                document.documentElement.dataset.theme = autoTheme.name;
+            }
+        };
+        // set the current system theme
+        if (system) {
+            const autoTheme = darkModeMediaQuery.matches ? theme_themes.darkTheme : theme_themes.lightTheme;
+            document.documentElement.dataset.theme = autoTheme.name;
+        }
+        // set listener on media query
+        darkModeMediaQuery.addEventListener('change', handleSystemThemeChange);
+        // clean up
+        return () => {
+            darkModeMediaQuery.removeEventListener('change', handleSystemThemeChange);
+        };
+    }, [system]);
+    return children;
+}
+
+exports.ThemeProvider = ThemeProvider;

package/dist/cjs/providers.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var providers_ThemeProvider = require('./providers/ThemeProvider.js');
+require('react');
+require('./chunks/style-inject.es-XZHJH68X.js');
+require('./theme/themes.js');
+require('./theme/colors.js');
+require('./theme/corners.js');
+require('./theme/type.js');
+
+
+
+exports.ThemeProvider = providers_ThemeProvider.ThemeProvider;

package/dist/cjs/stores/tip.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var tipStore = require('../chunks/tipStore-C9oV9SIh.js');
+require('zustand');
+
+
+
+exports.getTip = tipStore.getTip;
+exports.tipActions = tipStore.tipActions;
+exports.useTip = tipStore.useTip;
+exports.useTipActions = tipStore.useTipActions;
+exports.useTipStore = tipStore.useTipStore;

package/dist/cjs/stores/toast.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var toastStore = require('../chunks/toastStore-C-ETP9H6.js');
+require('zustand');
+
+
+
+exports.getToast = toastStore.getToast;
+exports.toastActions = toastStore.toastActions;
+exports.useToast = toastStore.useToast;
+exports.useToastActions = toastStore.useToastActions;
+exports.useToastStore = toastStore.useToastStore;

package/dist/cjs/stores.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tipStore = require('./chunks/tipStore-C9oV9SIh.js');
+var toastStore = require('./chunks/toastStore-C-ETP9H6.js');
+require('zustand');
+
+
+
+exports.getTip = tipStore.getTip;
+exports.tipActions = tipStore.tipActions;
+exports.useTip = tipStore.useTip;
+exports.useTipActions = tipStore.useTipActions;
+exports.useTipStore = tipStore.useTipStore;
+exports.getToast = toastStore.getToast;
+exports.toastActions = toastStore.toastActions;
+exports.useToast = toastStore.useToast;
+exports.useToastActions = toastStore.useToastActions;
+exports.useToastStore = toastStore.useToastStore;