@spaced-out/ui-design-system 0.4.13-beta.1 → 0.4.14

package/lib/flow-to-typescript-codemod.d.ts

@@ -1,48 +0,0 @@
-declare module 'flow-to-typescript-codemod' {
-  export declare namespace Flow {
-    // Abstract Component utility type
-    // https://flow.org/en/docs/react/types/#toc-react-abstractcomponent
-    type AbstractComponent<Config, Instance = any> = React.ComponentType<
-      React.PropsWithoutRef<Config> & React.RefAttributes<Instance>
-    >;
-
-    // Class utility type
-    // https://flow.org/en/docs/types/utilities/#toc-class
-    // https://github.com/piotrwitek/utility-types/blob/df2502ef504c4ba8bd9de81a45baef112b7921d0/src/utility-types.ts#L158
-    type Class<T> = new (...args: any[]) => T;
-
-    // $Diff utility type
-    // https://flow.org/en/docs/types/utilities/#toc-diff
-    // https://github.com/piotrwitek/utility-types/blob/df2502ef504c4ba8bd9de81a45baef112b7921d0/src/utility-types.ts#L50
-    type Diff<T extends U, U extends object> = Pick<
-      T,
-      SetComplement<keyof T, keyof U>
-    >;
-
-    type ComponentProps<T> = T extends
-      | React.ComponentType<infer P>
-      | React.Component<infer P>
-      ? React.ComponentProps<T>
-      : HasComponentProps<T>;
-
-    type ObjMap<
-      O extends Record<string, any>,
-      F extends (...args: any[]) => any
-    > = { [P in keyof O]: ReturnType<F> };
-  }
-
-  // Helper types
-  type SetComplement<A, B extends A> = A extends B ? never : A;
-
-  type DefaultProps<T> = T extends { defaultProps: infer D } ? D : {};
-
-  type OmitDefaultProps<T, D> = Omit<T, keyof D> &
-    Partial<Pick<T, Extract<keyof T, keyof D>>> &
-    Partial<Pick<D, Extract<keyof D, keyof T>>>;
-
-  type HasComponentProps<T, D extends unknown = DefaultProps<T>> = T extends (
-    prop: infer P
-  ) => React.ReactElement
-    ? OmitDefaultProps<P, D>
-    : never;
-}

package/lib/hooks/index.d.ts

@@ -1,17 +0,0 @@
-export * from './useArbitraryOptionAddition';
-export * from './useCopyToClipboard';
-export * from './useDebounce';
-export * from './useFileUpload';
-export * from './useFilteredOptions';
-export * from './useInfiniteScroll';
-export * from './useInputState';
-export * from './useLockedBody';
-export * from './useModal';
-export * from './useMountTransition';
-export * from './usePagination';
-export * from './useReferenceElementWidth';
-export * from './useResizeObserver';
-export * from './useToastPortal';
-export * from './useToggle';
-export * from './useWindowSize';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './useArbitraryOptionAddition';
-//# sourceMappingURL=index.d.ts.map

package/lib/hooks/useArbitraryOptionAddition/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArbitraryOptionAddition/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts

@@ -1,24 +0,0 @@
-import type { GroupTitleOption } from '../useFilteredOptions';
-export type ArbitraryOption = {
-    key: string;
-    label: string;
-    arbitrary?: boolean;
-    multiArbitrary?: boolean;
-};
-export declare function useArbitraryOptionAddition<V>({ searchTerm, options, excludedKeys, allowArbitraryValues, allowMultiArbitraryValues, validateArbitraryValue, makeArbitraryValue, makeMultiArbitraryValue, groupTitleOptions, arbitraryGroup, searchOptionsBy, }: {
-    searchTerm: string;
-    options?: V[];
-    excludedKeys?: string[];
-    allowArbitraryValues?: boolean;
-    allowMultiArbitraryValues?: boolean;
-    validateArbitraryValue?: (arg1: string) => boolean;
-    makeArbitraryValue?: (arg1: string) => V;
-    makeMultiArbitraryValue?: (arg1: string) => V;
-    groupTitleOptions?: GroupTitleOption<V>[];
-    arbitraryGroup?: GroupTitleOption<V>;
-    searchOptionsBy?: (option: V, searchTerm: string) => boolean;
-}): {
-    optionsWithArbitrary: Array<V>;
-    groupTitleOptionsWithArbitrary: Array<GroupTitleOption<V>>;
-};
-//# sourceMappingURL=useArbitraryOptionAddition.d.ts.map

package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useArbitraryOptionAddition.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAI5D,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,CAAC,EAC1C,EACE,UAAU,EACV,OAAY,EACZ,YAAiB,EACjB,oBAA2B,EAC3B,yBAAiC,EACjC,sBAAwE,EAGxE,kBAIE,EAGF,uBAOC,EAED,iBAAsB,EACtB,cAAsE,EAEtE,eAcC,GACF,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACnD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;CAC9D,GACA;IACD,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/B,8BAA8B,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5D,CAuDA"}

package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { useArbitraryOptionAddition } from './useArbitraryOptionAddition';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: typeof useArbitraryOptionAddition;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Basic: () => React.JSX.Element;
-export declare const Grouped: () => React.JSX.Element;
-//# sourceMappingURL=useArbitraryOptionAddition.stories.d.ts.map

package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useArbitraryOptionAddition.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;AAKxE,wBAmDE;AASF,eAAO,MAAM,KAAK,yBA+BjB,CAAC;AAwBF,eAAO,MAAM,OAAO,yBA+BnB,CAAC"}

package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.js

@@ -1,171 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Grouped = exports.Basic = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Input = require("../../components/Input");
-var _Menu = require("../../components/Menu");
-var _useArbitraryOptionAddition = require("./useArbitraryOptionAddition");
-var _useArbitraryOptionAdditionStoriesModule = _interopRequireDefault(require("./useArbitraryOptionAddition.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Use a plain input to avoid import errors
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Hooks/useArbitraryOptionAddition',
-  component: _useArbitraryOptionAddition.useArbitraryOptionAddition,
-  parameters: {
-    docs: {
-      description: {
-        component: `
-\`\`\`js
-import { useArbitraryOptionAddition } from "@spaced-out/ui-design-system/lib/hooks/useArbitraryOptionAddition";
-\`\`\`
-The \`useArbitraryOptionAddition\` hook allows you to add arbitrary (user-defined) options to a list, such as for tag or token inputs. It works with both flat and grouped options, and supports custom validation and creation logic.
-
-### Parameters
-- \`searchTerm\`: The search term to filter the options.
-- \`options\`: The options to filter.
-- \`groupTitleOptions\`: The grouped options to filter.
-- \`excludedKeys\`: The keys to exclude from the options.
-- \`allowArbitraryValues\`: Whether to allow arbitrary values. Defaults to \`true\`.
-- \`allowMultiArbitraryValues\`: Whether to allow multiple arbitrary values. Defaults to \`false\`.
-- \`validateArbitraryValue\`: The function to validate the arbitrary value. Defaults to \`(value) => value.trim() !== ''.\`
-- \`makeArbitraryValue\`: The function to make the arbitrary value. Defaults to \`(searchTerm) => ({key: searchTerm, label: searchTerm, arbitrary: true}).\`
-- \`makeMultiArbitraryValue\`: The function to make the multi-arbitrary value. Defaults to \`(searchTerm) => ({key: searchTerm, label: searchTerm, multiArbitrary: true}).\`
-
-
-### Return Type
-- An object with:
-  - \`arbitraryOptionsAdded\`: The filtered options array, with arbitrary options added if appropriate.
-  - \`arbitraryGroupTitleOptionsAdded\`: The filtered grouped options array, with arbitrary options added if appropriate.
-
-### Usage
-\`\`\`jsx
-const { arbitraryOptionsAdded, arbitraryGroupTitleOptionsAdded } = useArbitraryOptionAddition({
-  searchTerm,
-  options,
-  groupTitleOptions,
-  excludedKeys,
-  allowArbitraryValues,
-  allowMultiArbitraryValues,
-  validateArbitraryValue,
-  makeArbitraryValue,
-  makeMultiArbitraryValue,
-});
-\`\`\`
-
-####Note:
- - The \`arbitraryOptionsAdded\` and \`arbitraryGroupTitleOptionsAdded\` arrays are the filtered options with arbitrary options added if appropriate.
-        `
-      }
-    }
-  }
-};
-const options = [{
-  key: 'apple',
-  label: 'Apple'
-}, {
-  key: 'banana',
-  label: 'Banana'
-}, {
-  key: 'orange',
-  label: 'Orange'
-}, {
-  key: 'grape',
-  label: 'Grape'
-}];
-const Basic = () => {
-  const [searchTerm, setSearchTerm] = React.useState('');
-  const {
-    optionsWithArbitrary
-  } = (0, _useArbitraryOptionAddition.useArbitraryOptionAddition)({
-    searchTerm,
-    options
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: _useArbitraryOptionAdditionStoriesModule.default.container
-  }, /*#__PURE__*/React.createElement(_Input.Input, {
-    type: "text",
-    value: searchTerm,
-    onChange: e => setSearchTerm(String(e.target.value)),
-    placeholder: "Search for fruits"
-  }), /*#__PURE__*/React.createElement(_Menu.Menu, {
-    options: optionsWithArbitrary,
-    onSelect: option => {
-      // eslint-disable-next-line no-console
-      console.log('Selected:', option);
-    },
-    resolveLabel: option => {
-      // @ts-ignore - TS2339 - Property 'arbitrary' does not exist on type 'MenuOption'.
-      if (option.arbitrary && option.label) {
-        return `Create New "${option.label}"`;
-      }
-      return option.label;
-    }
-  }));
-};
-exports.Basic = Basic;
-const groupTitleOptions = [{
-  groupTitle: /*#__PURE__*/React.createElement("span", null, "Fruits"),
-  groupId: 'fruits',
-  options: [{
-    key: 'apple',
-    label: 'Apple'
-  }, {
-    key: 'banana',
-    label: 'Banana'
-  }, {
-    key: 'orange',
-    label: 'Orange'
-  }, {
-    key: 'grape',
-    label: 'Grape'
-  }]
-}, {
-  groupTitle: /*#__PURE__*/React.createElement("span", null, "Vegetables"),
-  groupId: 'vegetables',
-  options: [{
-    key: 'carrot',
-    label: 'Carrot'
-  }, {
-    key: 'broccoli',
-    label: 'Broccoli'
-  }, {
-    key: 'spinach',
-    label: 'Spinach'
-  }]
-}];
-const Grouped = () => {
-  const [searchTerm, setSearchTerm] = React.useState('');
-  const {
-    groupTitleOptionsWithArbitrary
-  } = (0, _useArbitraryOptionAddition.useArbitraryOptionAddition)({
-    searchTerm,
-    groupTitleOptions
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: _useArbitraryOptionAdditionStoriesModule.default.container
-  }, /*#__PURE__*/React.createElement(_Input.Input, {
-    type: "text",
-    value: searchTerm,
-    onChange: e => setSearchTerm(String(e.target.value)),
-    placeholder: "Type to add or filter..."
-  }), /*#__PURE__*/React.createElement(_Menu.Menu, {
-    groupTitleOptions: groupTitleOptionsWithArbitrary,
-    onSelect: option => {
-      // eslint-disable-next-line no-console
-      console.log('Selected:', option);
-    },
-    resolveLabel: option => {
-      // @ts-ignore - TS2339 - Property 'arbitrary' does not exist on type 'MenuOption'.
-      if (option.arbitrary && option.label) {
-        return `Create New "${option.label}"`;
-      }
-      return option.label;
-    }
-  }));
-};
-exports.Grouped = Grouped;

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

@@ -1,2 +0,0 @@
-export * from './useCopyToClipboard';
-//# sourceMappingURL=index.d.ts.map

package/lib/hooks/useCopyToClipboard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.d.ts

@@ -1,5 +0,0 @@
-type CopiedValue = string | null;
-type CopyFn = (text: string) => Promise<boolean>;
-export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
-export {};
-//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;AACjC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAEjD,wBAAgB,kBAAkB,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAsB1D"}

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.stories.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { useCopyToClipboard } from './useCopyToClipboard';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: typeof useCopyToClipboard;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Example: {
-    (): React.ReactElement<React.ComponentProps<"div">>;
-    parameters: {
-        docs: {
-            page: boolean;
-        };
-    };
-};
-//# sourceMappingURL=useCopyToClipboard.stories.d.ts.map

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard/useCopyToClipboard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;AAKxD,wBA4DE;AAEF,eAAO,MAAM,OAAO;QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;;;;;;CAiCzE,CAAC"}

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.stories.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Example = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("../../components/Button");
-var _Text = require("../../components/Text");
-var _useCopyToClipboard = require("./useCopyToClipboard");
-var _useCopyToClipboardStoriesModule = _interopRequireDefault(require("./useCopyToClipboard.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Hooks/useCopyToClipboard',
-  component: _useCopyToClipboard.useCopyToClipboard,
-  parameters: {
-    docs: {
-      description: {
-        component: `
-\`\`\`js
-import { useCopyToClipboard } from "@spaced-out/ui-design-system/lib/hooks/useCopyToClipboard";
-\`\`\`
-The \`useCopyToClipboard\` hook is a custom hook that provides functionality for copying text to the clipboard.
-It returns a state value indicating whether the text was successfully copied, as well as a function to initiate the copy operation.
-
-### State Returned
-- \`copiedText\`: The text that was successfully copied. Returns \`null\` if the copy operation failed.
-
-### Function Returned
-- \`copy\`: A function that takes a string argument and attempts to copy it to the clipboard. Returns a promise that resolves to a boolean indicating the success of the copy operation.
-
-### Usage
-\`\`\`jsx
-import { useCopyToClipboard } from './useCopyToClipboard';
-
-const MyComponent = () => {
-  const [copiedText, copy] = useCopyToClipboard();
-  const text = 'A quick brown fox jumps over the lazy dog';
-
-  const handleCopy = () => {
-    copy(text)
-      .then((success) => {
-        if (success) {
-          // Success handling
-        } else {
-          // Error handling
-        }
-      })
-      .catch((_error) => {
-        // Error handling
-      });
-  };
-
-  return (
-    <div className={css.container}>
-      <div>
-        <BodyLarge>Text to copy:</BodyLarge>
-        <BodyLarge>{text}</BodyLarge>
-      </div>
-      <Button onClick={handleCopy}>Copy Text</Button>
-      {copiedText && <div className={css.copiedText}>Copied: {copiedText}</div>}
-    </div>
-  );
-};
-
-export default MyComponent;
-\`\`\`
-        `
-      }
-    }
-  }
-};
-const Example = () => {
-  const [copiedText, copy] = (0, _useCopyToClipboard.useCopyToClipboard)();
-  const text = 'A quick brown fox jumps over the lazy dog';
-  const handleCopy = () => {
-    copy(text).then(success => {
-      if (success) {
-        // Success handling
-      } else {
-        // Error handling
-      }
-    }).catch(_error => {
-      // Error handling
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _useCopyToClipboardStoriesModule.default.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _useCopyToClipboardStoriesModule.default.copiedText
-  }, /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, null, "Text to copy: ", text)), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    classNames: {
-      wrapper: _useCopyToClipboardStoriesModule.default.copiedText
-    },
-    onClick: handleCopy
-  }, "Copy Text"), copiedText && /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, {
-    className: _useCopyToClipboardStoriesModule.default.copiedText,
-    color: "success"
-  }, "Copied: ", copiedText));
-};
-exports.Example = Example;
-Example.parameters = {
-  docs: {
-    page: false
-  }
-};

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

@@ -1,2 +0,0 @@
-export * from './useDebounce';
-//# sourceMappingURL=index.d.ts.map

package/lib/hooks/useDebounce/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebounce/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/hooks/useDebounce/useDebounce.d.ts

@@ -1,2 +0,0 @@
-export declare const useDebounce: <T>(value: T, delay: number) => T;
-//# sourceMappingURL=useDebounce.d.ts.map

package/lib/hooks/useDebounce/useDebounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebounce/useDebounce.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,CAWxD,CAAC"}

package/lib/hooks/useDebounce/useDebounce.stories.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { InputProps } from '../../components/Input/Input';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: <T>(value: T, delay: number) => T;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const _Example: {
-    (args: InputProps): React.ReactElement<React.ComponentProps<"div">>;
-    args: {
-        type: string;
-        size: string;
-        label: string;
-        value: string;
-        placeholder: string;
-    };
-};
-//# sourceMappingURL=useDebounce.stories.d.ts.map

package/lib/hooks/useDebounce/useDebounce.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounce.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebounce/useDebounce.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAQ,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;AAQ/D,wBA+CE;AAEF,eAAO,MAAM,QAAQ;WAAU,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;;;;;;;;CAc1F,CAAC"}

package/lib/hooks/useDebounce/useDebounce.stories.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Example = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Input = require("../../components/Input/Input");
-var _Text = require("../../components/Text");
-var _useDebounce = require("./useDebounce");
-var _useDebounceStoriesModule = _interopRequireDefault(require("./useDebounce.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Hooks/useDebounce',
-  component: _useDebounce.useDebounce,
-  parameters: {
-    docs: {
-      description: {
-        component: `
-\`\`\`js
-import { useDebounce } from "@spaced-out/ui-design-system/lib/hooks/useDebounce";
-\`\`\`
-The \`useDebounce\` hook is a custom hook that delays updating a value until after a specified delay period has passed since the last change.
-
-### Props Accepted
-- \`value\`: The value that needs to be debounced.
-- \`delay\`: The debounce delay time in milliseconds. Defaults to 300ms.
-
-### Props Returned
-- \`debouncedValue\`: The debounced value, updated after the specified delay.
-
-### Usage
-\`\`\`jsx
-import { useDebounce } from './useDebounce';
-
-const MyComponent = () => {
-  const [inputValue, setInputValue] = useState('');
-  const debouncedValue = useDebounce(inputValue, 500);
-
-  return (
-    <div>
-      <input 
-        type="text" 
-        value={inputValue} 
-        onChange={(e) => setInputValue(e.target.value)} 
-        placeholder="Type something..." 
-      />
-      <BodyLarge>{debouncedValue}</BodyLarge>
-    </div>
-  );
-};
-
-export default MyComponent;
-\`\`\`
-          `
-      }
-    }
-  }
-};
-const _Example = args => {
-  const [value, setValue] = React.useState(args.value);
-  const debouncedValue = (0, _useDebounce.useDebounce)(value, 500);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _useDebounceStoriesModule.default.inputContainer
-  }, /*#__PURE__*/React.createElement(_Input.Input, _extends({}, args, {
-    value: value,
-    onChange: e => setValue(e.target.value)
-  })), /*#__PURE__*/React.createElement(_Text.BodyLarge, null, debouncedValue));
-};
-exports._Example = _Example;
-_Example.args = {
-  type: 'text',
-  size: 'medium',
-  label: 'Form Label',
-  value: '',
-  placeholder: 'Input Some text here'
-};

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

@@ -1,2 +0,0 @@
-export * from './useFileUpload';
-//# sourceMappingURL=index.d.ts.map

package/lib/hooks/useFileUpload/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/hooks/useFileUpload/useFileUpload.d.ts

@@ -1,17 +0,0 @@
-import type { FileObject, FileProgress, FileUploadBaseProps } from '../../components/FileUpload';
-export type UseFileUploadReturnProps = {
-    validFiles: Array<FileObject>;
-    rejectedFiles: Array<FileObject>;
-    isDragActive: boolean;
-    shouldAcceptFiles: boolean;
-    getRootProps: (arg1: unknown) => unknown;
-    getInputProps: (arg1: unknown) => unknown;
-    handleFileClear: (id: string) => unknown;
-    handleClear: () => unknown;
-    moveFileToProgress: (id: string, progress: FileProgress) => unknown;
-    moveFileToSuccess: (id: string, successMessage?: string) => unknown;
-    moveFileToReject: (id: string, rejectReason?: string) => unknown;
-    setShowReUpload: (id: string, showReUpload?: boolean) => unknown;
-};
-export declare const useFileUpload: ({ maxFiles, maxSize, accept, disabled, onValidFilesDrop, onRejectedFilesDrop, onFileClear, onClear, }: FileUploadBaseProps) => UseFileUploadReturnProps;
-//# sourceMappingURL=useFileUpload.d.ts.map

package/lib/hooks/useFileUpload/useFileUpload.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFileUpload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFileUpload/useFileUpload.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EAEZ,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAIrC,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IAC1C,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,KAAK,OAAO,CAAC;IACpE,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACjE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;CAClE,CAAC;AA4LF,eAAO,MAAM,aAAa,GACxB,uGASG,mBAAmB,KACrB,wBAqGF,CAAC"}

package/lib/hooks/useFileUpload/useFileUpload.stories.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: ({ maxFiles, maxSize, accept, disabled, onValidFilesDrop, onRejectedFilesDrop, onFileClear, onClear, }: import("../..").FileUploadBaseProps) => import("./useFileUpload").UseFileUploadReturnProps;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
-//# sourceMappingURL=useFileUpload.stories.d.ts.map

package/lib/hooks/useFileUpload/useFileUpload.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFileUpload/useFileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAe1B,wBAiPE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAiNxE,CAAC"}