@heymantle/litho 0.0.3 → 0.0.5

package/dist/types/styles/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../styles/Table.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAUG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCASG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAWG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsCG;AAoBH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgCG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA8CG;AAjGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAmFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAmBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAQG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAuCG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAWG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAEH;;;;;;6jBAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA2CG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA2BG"}

package/dist/types/utilities/dates.d.ts

@@ -0,0 +1,46 @@
+export function isValidDate(date: any): boolean;
+export const DAY_FORMAT: "MMM D YYYY";
+export const DAY_TIME_FORMAT: "MMM D YYYY, h:mm A";
+export const TIME_FORMAT: "HH:mm";
+export const NOW: Date;
+export const NOW_TODAY: string;
+export namespace DATE_LOCALES {
+    export { enUS };
+    export { enGB };
+    export { arEG };
+}
+export const DATE_LOCALE_MAP: {};
+export const HOURLY_RANGE_PRESETS: {
+    id: string;
+    label: string;
+    value: {
+        start: Date;
+        end: Date;
+    };
+}[];
+export const RANGE_PRESETS: ({
+    id: string;
+    label: string;
+    value: {
+        start: Date;
+        end: Date;
+    };
+    hideCalendar?: undefined;
+} | {
+    id: string;
+    hideCalendar: boolean;
+    label: string;
+    value: {
+        start: Date;
+        end: Date;
+    };
+})[];
+export const MONTHS: {
+    value: number;
+    name: string;
+    shortName: string;
+}[];
+import { enUS } from "date-fns/locale";
+import { enGB } from "date-fns/locale";
+import { arEG } from "date-fns/locale";
+//# sourceMappingURL=dates.d.ts.map

package/dist/types/utilities/dates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../utilities/dates.js"],"names":[],"mappings":"AAKO,gDAA4D;AAEnE,yBAA0B,YAAY,CAAC;AACvC,8BAA+B,oBAAoB,CAAC;AACpD,0BAA2B,OAAO,CAAC;AAEnC,uBAA8B;AAC9B,+BAAuD;;;;;;AAGvD,iCAUO;AAEP;;;;;;;IAiBE;AACF;;;;;;;;;;;;;;;;KA0HE;AAEF;;;;IA6DE;qBAtO+B,iBAAiB;qBAAjB,iBAAiB;qBAAjB,iBAAiB"}

package/dist/types/utilities/transformers.d.ts

@@ -0,0 +1,4 @@
+export function transformStorySource(code: any): any;
+export function extractComponents(componentName: any): (code: any) => any;
+export function extractRenderContent(code: any): any;
+//# sourceMappingURL=transformers.d.ts.map

package/dist/types/utilities/transformers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../../../utilities/transformers.js"],"names":[],"mappings":"AAAO,qDAqBN;AAGM,wDAA8C,SAAI,SAOxD;AAGM,qDAkBN"}

package/dist/types/utilities/useIndexResourceState.d.ts

@@ -0,0 +1,21 @@
+export namespace SelectionType {
+    let All: string;
+    let Page: string;
+    let Multi: string;
+    let Single: string;
+    let Some: string;
+    let None: string;
+}
+export function useIndexResourceState(resources: any, { selectedResources: initSelectedResources, allResourcesSelected: initAllResourcesSelected, resourceIDResolver, resourceFilter, }?: {
+    selectedResources?: any[];
+    allResourcesSelected?: boolean;
+    resourceIDResolver?: (resource: any) => any;
+    resourceFilter?: any;
+}): {
+    selectedResources: any[];
+    allResourcesSelected: boolean;
+    handleSelectionChange: (selectionType: any, isSelecting: any, selection: any) => void;
+    clearSelection: () => void;
+    removeSelectedResources: (removeResources: any) => void;
+};
+//# sourceMappingURL=useIndexResourceState.d.ts.map

package/dist/types/utilities/useIndexResourceState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndexResourceState.d.ts","sourceRoot":"","sources":["../../../utilities/useIndexResourceState.js"],"names":[],"mappings":";;;;;;;;AAuBA;;;;;;;;;;;EAsHC"}

package/dist/types/utilities/useMounted.d.ts

@@ -0,0 +1,2 @@
+export function useMounted(): undefined;
+//# sourceMappingURL=useMounted.d.ts.map

package/dist/types/utilities/useMounted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMounted.d.ts","sourceRoot":"","sources":["../../../utilities/useMounted.js"],"names":[],"mappings":"AAEO,wCASN"}

package/dist/types/utilities/useTableScrollState.d.ts

@@ -0,0 +1,29 @@
+export default useTableScrollState;
+/**
+ * A custom hook to manage table scroll state and column widths.
+ *
+ * @param {Object} params - Parameters for the hook.
+ * @param {boolean} params.loading - Indicates if data is loading.
+ * @param {React.RefObject<HTMLDivElement>} params.containerRef - Reference to the container element.
+ * @param {React.RefObject<HTMLDivElement>} params.tableContainerRef - Reference to the table container element.
+ * @param {Function} params.setCanScrollLeft - Function to set the scrollable state on the left.
+ * @param {Function} params.setCanScrollRight - Function to set the scrollable state on the right.
+ * @param {Function} params.setColumnWidths - Function to set the column widths.
+ * @param {Function} params.setRowHeights - Function to set the row heights.
+ * @param {Function} params.setIsHeaderSticky - Function to set the sticky state of the header.
+ * @param {boolean} params.insideModal - Indicates if the table exists in a modal.
+ * @param {any} params.children - Table children elements (triggers recalculations).
+ */
+declare function useTableScrollState({ loading, idRef, containerRef, tableContainerRef, setCanScrollLeft, setCanScrollRight, setColumnWidths, setRowHeights, setIsHeaderSticky, stickyHeader, children, showHoverStates, insideModal, itemCount, }: {
+    loading: boolean;
+    containerRef: React.RefObject<HTMLDivElement>;
+    tableContainerRef: React.RefObject<HTMLDivElement>;
+    setCanScrollLeft: Function;
+    setCanScrollRight: Function;
+    setColumnWidths: Function;
+    setRowHeights: Function;
+    setIsHeaderSticky: Function;
+    insideModal: boolean;
+    children: any;
+}): () => void;
+//# sourceMappingURL=useTableScrollState.d.ts.map

package/dist/types/utilities/useTableScrollState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableScrollState.d.ts","sourceRoot":"","sources":["../../../utilities/useTableScrollState.js"],"names":[],"mappings":";AAGA;;;;;;;;;;;;;;GAcG;AACH,oPAXG;IAAwB,OAAO,EAAvB,OAAO;IACiC,YAAY,EAApD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACS,iBAAiB,EAAzD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACd,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,aAAa;IACb,iBAAiB;IAClB,WAAW,EAA3B,OAAO;IACK,QAAQ,EAApB,GAAG;CACb,cAkJA"}

package/index.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 @custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
 
 @theme {
@@ -71,6 +73,8 @@
   --color-brand-lower: #ebac67;
   --color-brand-alternate: #de7d14;
   --color-brand-saturated: #ffb64e;
+  --color-brand-subdued: #FFE4C6;
+  --color-brand-chat: #FFD393;
 
   --color-tint-1: rgba(2, 2, 3, 0.03);
   --color-tint-2: rgba(2, 2, 3, 0.06);
@@ -380,6 +384,7 @@
   --shadow-table-scroll-hidden: 0 0 10px 2px rgba(2, 2, 3, 0);
   --shadow-table-header: 0px 1px 1px 0px rgba(2, 2, 3, 0.25);
   --shadow-inset: inset 0 0 0 1px rgba(2, 2, 3, 0.1);
+  --shadow-pane-inner: inset 0 0 10px 0px rgba(2, 2, 3, 0.06);
 
   --shadow-popover-dark: 0px 1px 3px 2px rgba(2, 2, 3, 0.3);
   --shadow-card-dark: 0px 1px 3px 2px rgba(2, 2, 3, 0.15);
@@ -523,6 +528,8 @@
     --litho-nav-width: 214px;
     --litho-table-header-sticky-at: 56px;
     --litho-pane-width: 400px;
+    --litho-pane-width-default: 400px;
+    --litho-pane-width-expanded: 700px;
 
     overscroll-behavior: none;
   }
@@ -1006,6 +1013,9 @@
   .react-datepicker__month {
     @apply flex flex-col gap-0.5;
   }
+  .react-datepicker__sr-only {
+    @apply sr-only;
+  }
 }
 
 /* RangeSlider */
@@ -1124,6 +1134,13 @@
   @apply opacity-0!;
 }
 
+.hover-delay {
+  @apply delay-0;
+}
+.hover-delay:hover {
+  @apply delay-300;
+}
+
 .sketch-picker {
   @apply bg-surface-highest! rounded-sm max-h-80 overflow-y-auto overflow-x-hidden shadow-popover outline outline-tint-3 min-w-32 dark:outline-hidden dark:border-t dark:border-tint-alt-2;
 

package/package.json

@@ -1,26 +1,31 @@
 {
   "name": "@heymantle/litho",
   "description": "Litho is a library of components for building Mantle extensions",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
-  "main": "./dist/cjs/index.js",
+  "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "require": "./dist/cjs/index.js",
       "import": "./dist/esm/index.js"
     },
     "./components/*": {
+      "types": "./dist/types/components/*.d.ts",
       "import": "./dist/esm/components/*",
       "require": "./dist/cjs/components/*"
     },
     "./styles/*": {
+      "types": "./dist/types/styles/*.d.ts",
       "import": "./dist/esm/styles/*",
       "require": "./dist/cjs/styles/*"
     },
     "./utilities/*": {
+      "types": "./dist/types/utilities/*.d.ts",
       "import": "./dist/esm/utilities/*",
-      "require": "./dist/cjs/utilities/*"
+      "require": "./dist/cjs/utilities/*" 
     },
     "./index.css": "./index.css"
   },
@@ -30,10 +35,14 @@
     "package.json"
   ],
   "scripts": {
-    "build": "npm run build:cjs; npm run build:esm",
+    "build": "npm run build:cjs && npm run build:esm && npm run build:types",
     "build:cjs": "npx swc . --out-dir dist/cjs --config-file .swcrc",
     "build:esm": "npx swc . --out-dir dist/esm --config-file .esm.swcrc --out-file-extension js",
-    "build-and-publish": "npm run build && ./dev/verify-publish.mjs && npm publish"
+    "build:types": "npx tsc --project tsconfig.types.json",
+    "build-and-publish": "./dev/verify-publish.mjs && npm publish",
+    "verify-publish": "./dev/verify-publish.mjs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -42,17 +51,39 @@
   },
   "dependencies": {
     "@shopify/polaris-icons": "^7.13.0",
+    "@uiw/react-color-sketch": "^2.8.0",
     "dayjs": "^1.11.7",
-    "react-color": "^2.19.3",
+    "events": "^3.3.0",
     "react-datepicker": "^8.1.0",
     "tailwind-variants": "^0.3.1",
     "use-debounce": "^9.0.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/react-vite": "^9.1.0",
     "@swc/cli": "^0.7.7",
     "@swc/core": "^1.12.1",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^4.7.0",
+    "babel-loader": "^10.0.0",
+    "css-loader": "^7.1.2",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.1.1",
+    "prop-types": "^15.8.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "semver": "^7.7.2",
+    "storybook": "^9.1.0",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^4.1.11",
+    "typescript": "^5.9.2",
+    "vite": "^7.0.6",
     "zx": "^8.7.1"
   },
   "license": "MIT"
-}
+}