@hanzo/ui 4.6.0 → 4.7.0

package/blocks/def/bullet-cards-block.ts

@@ -1,22 +0,0 @@
-import type Block from './block'
-
-import type { BulletItem, GridDef } from '../../types'
-
-interface BulletCardsBlock extends Block {
-  blockType: 'bullet-cards'
-    /**
-     * no-card-border
-     * mobile-small-text
-     * borders-muted-1 / borders-muted-3 
-     * default: 2 
-     */
-  specifiers?: string
-  grid: GridDef
-  cards: BulletItem[]
-    /** in px */
-  iconSize?: number 
-}
-
-export {
-  type BulletCardsBlock as default
-}

package/blocks/def/card-block.ts

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import type CTABlock from './cta-block'
-import type Block from './block'
-import type ImageBlock from './image-block'
-import type VideoBlock from './video-block'
-
-interface CardBlock extends Block {
-  blockType: 'card'
-  specifiers?: string // 'media-left' or 'appear-disabled' or 'no-borders', etc... can be combined
-  title?: string
-  byline?: string
-  icon?: React.ReactNode // for title area
-  iconAfter?: boolean
-  media?: ImageBlock | VideoBlock // TODO: Media Stack
-  content?: React.ReactNode
-  cta?: CTABlock
-}
-
-export {
-  type CardBlock as default
-}

package/blocks/def/carte-blanche-block.ts

@@ -1,21 +0,0 @@
-
-import type Block from './block'
-import type CTABlock from './cta-block'
-import type EnhHeadingBlock from './enh-heading-block'
-
-interface CarteBlancheBlock extends Block {
-  blockType: 'carte-blanche'
-    // big-padding
-    // no-outer-borders
-    // no-internal-borders
-    // style-ghost (no-internal-borders, no outer border, no padding)
-  specifiers?: string 
-  topContent?: Block[] 
-  heading?: EnhHeadingBlock
-  content?: Block[] 
-  cta?: CTABlock
-}
-
-export {
-  type CarteBlancheBlock as default
-}

package/blocks/def/cta-block.ts

@@ -1,19 +0,0 @@
-import type { LinkDef, ButtonDef } from '../../types'
-import type Block from './block'
-
-interface CTABlock extends Block {
-  blockType: 'cta'
-    // fill: fills the parent width with the elements
-    // left / right: (>= md) left or right justify the elements (default is center)
-    // mobile-2-columns: mobile defaults to rendering each element full width,
-    //   on it's own line. This renders them in two columns instead. 
-    // mobile-center-first-if-odd: if (mobile-2-columns) and length is odd, 
-    //   default is to center last 
-    // mobile-odd-full-width: fills the full two columns w the centered element
-  specifiers?: string
-  elements: (LinkDef | ButtonDef)[]
-}
-
-export {
-  type CTABlock as default
-}

package/blocks/def/element-block.ts

@@ -1,11 +0,0 @@
-import React from 'react'
-import type Block from './block'
-
-interface ElementBlock extends Block {
-  blockType: 'element'
-  element: React.ReactNode | JSX.Element
-}
-
-export {
-  type ElementBlock as default 
-}

package/blocks/def/enh-heading-block.ts

@@ -1,44 +0,0 @@
-import type Block from './block'
-
-  // level is heading tag level. 1 renders as <h1>, etc... 0 renders as <p>
-  //
-  // mb: is bottom margin in tw units. 'mb-1' produces 0.25rem, so a value of 4 would produce 1rem
-  //    These are dynamically generated from a template string. mb-1 --> mb-12 have been safelisted.
-  //    Any higher values used would have to explicitly safelisted in tailwind config. 
-  //    The margin will only be applied if the next element down is present. 
-  //    (eg, heading mb applies only if there is a byline.) 
-
-interface EnhHeadingBlock extends Block {
-  blockType: 'enh-heading'
-    // tbd: icon-w-heading (if preheading is present), 
-    // tbd: icon-w-byline (if preheading and heading is present), 
-    // tbd: icon-above: above first element
-    // tbd: icon-to-right: to right of corresponding element or right justified if 'icon-above'
-    // mobile-heading-centered
-    // left / right / center for preheading and heading (byline stays left)
-    // byline-left / byline-right / byline-center
-    // preheading-heading-font
-  specifiers?: string  
-    // By default, appears inline to left of first element (preheading or heading) 
-    // unless indicated otherwise in specifiers 
-  icon?: React.ReactNode  // ReactNode or url string to asset
-  iconSize?: number     // if url string, this sets the size
-  preheading?: {
-    text: string
-    level?: number  // default: 4 
-    mb?: number     // default: 2    
-  }
-  heading: {
-    text: string
-    level?: number  // default: 1
-    mb?: number     // default: 2
-  }
-  byline?: {
-    text: string
-    level?: number  // default: 6
-  }
-}
-
-export {
-  type EnhHeadingBlock as default 
-}

package/blocks/def/grid-block.ts

@@ -1,16 +0,0 @@
-import type Block from "./block"
-import type GridDef from "../../types/grid-def"
-
-interface GridBlock {
-  blockType: 'grid'
-  specifiers?: string
-  grid: GridDef
-    /**
-     * Ignored if children are supplied to the GridBlockComp
-     */ 
-  cells?: Block[] 
-}
-
-export {
-  type GridBlock as default
-}

package/blocks/def/group-block.ts

@@ -1,11 +0,0 @@
-import type Block from './block'
-
-interface GroupBlock extends Block {
-  blockType: 'group'
-  specifiers?: string // grid-2 slider disabled or whatever
-  elements: Block[]
-}
-
-export {
-  type GroupBlock as default
-}

package/blocks/def/heading-block.ts

@@ -1,15 +0,0 @@
-import type Block from './block'
-
-interface HeadingBlock extends Block {
-  blockType: 'heading'
-  heading: string
-  byline?: string
-  level?: number
-  bylineLevel?: number
-  spaceBetween?: number 
-  spaceAfter?: number 
-}
-
-export {
-  type HeadingBlock as default 
-}

package/blocks/def/image-block.ts

@@ -1,31 +0,0 @@
-import type { ImageDef } from '../../types'
-import type Block from './block'
-
-  /**
-   * See {@link ImageDef}
-   * see https://nextjs.org/docs/app/api-reference/components/image
-   * as well as React.ImgHTMLAttributes. 
-   */
-interface ImageBlock extends Block, ImageDef {
-  blockType: 'image'
-
-  /**
-   * Alignement: 'left' (default) / 'right' / 'center' (must be in flex-col parent)
-   * 'mobile-no-scale': By default, scales to 3/4 height (mobile and w < 'md')
-   * 'mobile-full-width': Overrides dim, etc. and renders full width (maintaining aspect ratio)
-   */
-  specifiers?: string
-    /** @deprecated Please use 'mobile-full-width' in specifiers  */
-  fullWidthOnMobile?: boolean
-    /** Next props */
-  props?: {
-    sizes?: string
-      /** if true, any alignement specifiers are ignored */
-    fill?: boolean  
-    style?: any
-  }
-}
-
-export {
-  type ImageBlock as default,
-}

package/blocks/def/index.ts

@@ -1,35 +0,0 @@
-import type AccordianBlock from './accordian-block'
-import type Block from './block'
-import type BulletCardsBlock from './bullet-cards-block'
-import type CardBlock from './card-block'
-import type CarteBlancheBlock from './carte-blanche-block'
-import type CTABlock from './cta-block'
-import type ElementBlock from './element-block'
-import type GridBlock from './grid-block'
-import type GroupBlock from './group-block'
-import type EnhHeadingBlock from './enh-heading-block'
-import type HeadingBlock from './heading-block'
-import type ImageBlock from './image-block'
-import type VideoBlock from './video-block'
-import type SpaceBlock from './space-block'
-import { SPACE_DEFAULTS } from './space-block'
-import type ScreenfulBlock from './screenful-block'
-
-export { 
-   type AccordianBlock, 
-   type Block,
-   type BulletCardsBlock,
-   type CardBlock,
-   type CarteBlancheBlock,
-   type CTABlock,
-   type ElementBlock,
-   type GridBlock,
-   type GroupBlock,
-   type HeadingBlock,
-   type EnhHeadingBlock, 
-   type ImageBlock,
-   type VideoBlock,
-   type SpaceBlock,
-   type ScreenfulBlock,
-   SPACE_DEFAULTS
-}

package/blocks/def/screenful-block.ts

@@ -1,54 +0,0 @@
-import type { ReactNode } from 'react'
-
-import type Block from './block'
-import type VideoBlock from './video-block'
-
-  /**
-   * A common screenful of content
-   * An optional banner image or video
-   * Content can be in columns
-   */
-interface ScreenfulBlock extends Block {
-  blockType: 'screenful'
-
-
-    /**
-     * Either an image URL, or a Video Block
-     * 
-     * If VideoBlock, then it's poster will be rendered server-side
-     * and the <video> component will be lazy-loaded client-side.
-     * 
-     * If in a scrolling situation, the video will autoplay when 75% in view
-     */
-  banner?: string | VideoBlock // TODO: should be VideoDef 
-    
-    /** Specifies rendering and layout hints and variants for block as a whole */ 
-  specifiers?: string
-
-    /** Specifies rendering and layout hints and variants for corresponding column */ 
-  columnSpecifiers?: string[]
-
-    /**
-     * Mobile: The order in the single column mobile layout in which the columns appear.
-     * Overrides column order.
-     * eg, if you want the second tile of three at the top: [1, 0, 2] 
-     */
-  mobileOrder?: number[]
-
-    /**
-     * Content Blocks for 1-3 columns. 
-     * (More than that is allowed, but impractical at many resolutions!) 
-     * If > 1, it will be enclosed in a 'grid grid-cols-<x>' div. 
-     */
-  contentColumns: Block[][]
-
-    /** optional footer element below the grid */
-  footer?: ReactNode
-
-    /** optional id for linking to this slide / screenful */
-  anchorId?: string  
-}
-
-export {
-  type ScreenfulBlock as default
-}

package/blocks/def/space-block.ts

@@ -1,64 +0,0 @@
-import type { Breakpoint } from '../../types'
-
-import type Block from './block'
-
-type TWSpaceUnit = number // TODO, pull from tw conf 
-type HeadingLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6
-
-const SPACE_DEFAULTS = {
-  xs: 2,
-  sm: 4,
-  md: 5,
-  lg: 6,
-  xl: 8
-} satisfies {
-  [key in (Breakpoint)]?: TWSpaceUnit
-}
-
-
-interface SpaceBlock extends Block {
-  blockType: 'space'
-
-  /**
-   * TW units of vertical space, applied at Breakpoints
-   * or
-   * if just a number, that number at all Breakpoints
-   * 
-   * default {
-   *  xs: 2,
-   *  sm: 4,
-   *  md: 5,
-   *  lg: 6,
-   *  xl: 8
-   * }
-   * 
-   * Any provided values will be merge w the defaults
-   * And applied as if they were tw classes in ascending
-   * order. 
-   * 
-   * impl: <div className='invisible w-[1px] xs:h-<xsval> sm:h-<smval> etc...' />
-   */
-  sizes?: {
-    [key in (Breakpoint)]?: TWSpaceUnit
-  } | TWSpaceUnit
-
-  /**
-   * Heading levels.  Gives the vertical space that the corresponding
-   * h tag would give. 
-   * default: 3 (height of <h3>) 
-   * 0 = 1rem (plus any gaps), 
-   * For example, 1 = <h1 style={visibility: hidden}>&nbsp;</h1> 
-   *   As <ApplyTypography> would render it, plus any gap.
-   */
-  level?: HeadingLevel
-
-  test?: boolean
-
-}
-
-export {
-  type SpaceBlock as default,
-  type TWSpaceUnit,
-  type HeadingLevel,
-  SPACE_DEFAULTS
-}

package/blocks/def/video-block.ts

@@ -1,9 +0,0 @@
-import type { VideoDef } from '../../types'
-
-interface VideoBlock extends VideoDef {
-  blockType: 'video'
-}
-
-export {
-  type VideoBlock as default,
-}

package/blocks/index.ts

@@ -1,2 +0,0 @@
-export * from './def'
-export * from './components'

package/components/index.ts

@@ -1,56 +0,0 @@
-// Auto-generated component exports
-// This file provides a central import point for all UI components
-// Usage: import { Button, Card, cn } from '@hanzo/ui/components'
-
-// Export commonly used utilities
-export { cn } from '../../../app/lib/utils'
-
-export * from '../../../app/registry/new-york/ui/accordion'
-export * from '../../../app/registry/new-york/ui/alert-dialog'
-export * from '../../../app/registry/new-york/ui/alert'
-export * from '../../../app/registry/new-york/ui/aspect-ratio'
-export * from '../../../app/registry/new-york/ui/avatar'
-export * from '../../../app/registry/new-york/ui/badge'
-export * from '../../../app/registry/new-york/ui/breadcrumb'
-export * from '../../../app/registry/new-york/ui/button'
-export * from '../../../app/registry/new-york/ui/calendar'
-export * from '../../../app/registry/new-york/ui/card'
-export * from '../../../app/registry/new-york/ui/carousel'
-export * from '../../../app/registry/new-york/ui/chart'
-export * from '../../../app/registry/new-york/ui/checkbox'
-export * from '../../../app/registry/new-york/ui/collapsible'
-export * from '../../../app/registry/new-york/ui/command'
-export * from '../../../app/registry/new-york/ui/context-menu'
-export * from '../../../app/registry/new-york/ui/dialog'
-export * from '../../../app/registry/new-york/ui/drawer'
-export * from '../../../app/registry/new-york/ui/dropdown-menu'
-export * from '../../../app/registry/new-york/ui/form'
-export * from '../../../app/registry/new-york/ui/hover-card'
-export * from '../../../app/registry/new-york/ui/input-otp'
-export * from '../../../app/registry/new-york/ui/input'
-export * from '../../../app/registry/new-york/ui/label'
-export * from '../../../app/registry/new-york/ui/menubar'
-export * from '../../../app/registry/new-york/ui/navigation-menu'
-export * from '../../../app/registry/new-york/ui/pagination'
-export * from '../../../app/registry/new-york/ui/popover'
-export * from '../../../app/registry/new-york/ui/progress'
-export * from '../../../app/registry/new-york/ui/radio-group'
-export * from '../../../app/registry/new-york/ui/resizable'
-export * from '../../../app/registry/new-york/ui/scroll-area'
-export * from '../../../app/registry/new-york/ui/select'
-export * from '../../../app/registry/new-york/ui/separator'
-export * from '../../../app/registry/new-york/ui/sheet'
-export * from '../../../app/registry/new-york/ui/sidebar'
-export * from '../../../app/registry/new-york/ui/skeleton'
-export * from '../../../app/registry/new-york/ui/slider'
-export * from '../../../app/registry/new-york/ui/sonner'
-export * from '../../../app/registry/new-york/ui/switch'
-export * from '../../../app/registry/new-york/ui/table'
-export * from '../../../app/registry/new-york/ui/tabs'
-export * from '../../../app/registry/new-york/ui/textarea'
-export * from '../../../app/registry/new-york/ui/toast'
-export * from '../../../app/registry/new-york/ui/toaster'
-export * from '../../../app/registry/new-york/ui/toggle-group'
-export * from '../../../app/registry/new-york/ui/toggle'
-export * from '../../../app/registry/new-york/ui/tooltip'
-export * from '../../../app/registry/new-york/ui/use-toast'

package/dist/button.d.ts

@@ -1 +0,0 @@
-export * from '../../../app/registry/new-york/ui/button';

package/dist/button.js

@@ -1 +0,0 @@
-export * from '../../../app/registry/new-york/ui/button';

package/dist/hooks/index.d.ts

@@ -1,7 +0,0 @@
-export * from './use-debounce';
-export * from './use-map';
-export * from './use-measure';
-export * from './use-click-away';
-export * from './use-copy-clipboard';
-export * from './use-reverse-video-playback';
-export * from './use-scroll-restoration';

package/dist/hooks/index.js

@@ -1,7 +0,0 @@
-export * from './use-debounce';
-export * from './use-map';
-export * from './use-measure';
-export * from './use-click-away';
-export * from './use-copy-clipboard';
-export * from './use-reverse-video-playback';
-export * from './use-scroll-restoration';

package/dist/hooks/use-click-away.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function useClickAway<T extends Element>(cb: (e: Event) => void): React.RefObject<T | null>;

package/dist/hooks/use-click-away.js

@@ -1,23 +0,0 @@
-import React from 'react';
-export function useClickAway(cb) {
-    const ref = React.useRef(null);
-    const refCb = React.useRef(cb);
-    React.useLayoutEffect(() => {
-        refCb.current = cb;
-    });
-    React.useEffect(() => {
-        const handler = (e) => {
-            const element = ref.current;
-            if (element && !element.contains(e.target)) {
-                refCb.current(e);
-            }
-        };
-        document.addEventListener('mousedown', handler);
-        document.addEventListener('touchstart', handler);
-        return () => {
-            document.removeEventListener('mousedown', handler);
-            document.removeEventListener('touchstart', handler);
-        };
-    }, []);
-    return ref;
-}

package/dist/hooks/use-combined-refs.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-declare function useCombinedRefs<T>(...refs: React.ForwardedRef<T>[]): React.RefObject<T | null>;
-export { useCombinedRefs };

package/dist/hooks/use-combined-refs.js

@@ -1,18 +0,0 @@
-import { useEffect, useRef } from 'react';
-function useCombinedRefs(...refs) {
-    const targetRef = useRef(null);
-    useEffect(() => {
-        refs.forEach((ref) => {
-            if (!ref)
-                return;
-            if (typeof ref === 'function') {
-                ref(targetRef.current);
-            }
-            else {
-                ref.current = targetRef.current;
-            }
-        });
-    }, [refs]);
-    return targetRef;
-}
-export { useCombinedRefs };

package/dist/hooks/use-copy-clipboard.d.ts

@@ -1,9 +0,0 @@
-type UseCopyClipboardProps = {
-    string?: string;
-    onCopyClipboard?: () => void;
-};
-export declare const useCopyClipboard: ({ string, onCopyClipboard, }: UseCopyClipboardProps) => {
-    isCopied: boolean;
-    onCopy: () => Promise<void>;
-};
-export {};

package/dist/hooks/use-copy-clipboard.js

@@ -1,21 +0,0 @@
-import { useState } from 'react';
-import { copyToClipboard } from '../helpers';
-export const useCopyClipboard = ({ string, onCopyClipboard, }) => {
-    const [isCopied, setIsCopied] = useState(false);
-    let timeout;
-    const onCopy = async () => {
-        if (!string)
-            return;
-        const string_ = string.trim();
-        if (onCopyClipboard && typeof onCopyClipboard === 'function') {
-            onCopyClipboard();
-        }
-        else {
-            await copyToClipboard(string_);
-        }
-        setIsCopied(true);
-        clearTimeout(timeout);
-        timeout = setTimeout(() => setIsCopied(false), 1000);
-    };
-    return { isCopied, onCopy };
-};

package/dist/hooks/use-debounce.d.ts

@@ -1 +0,0 @@
-export declare function useDebounce(value: string, delay?: number): string;

package/dist/hooks/use-debounce.js

@@ -1,13 +0,0 @@
-import React from 'react';
-export function useDebounce(value, delay = 500) {
-    const [debouncedValue, setDebouncedValue] = React.useState(value);
-    React.useEffect(() => {
-        const handler = setTimeout(() => {
-            setDebouncedValue(value);
-        }, delay);
-        return () => {
-            clearTimeout(handler);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/dist/hooks/use-fill-ids.d.ts

@@ -1,8 +0,0 @@
-export declare const useFillId: (namespace: string) => {
-    fill: string;
-    id: string;
-};
-export declare const useFillIds: (namespace: string, length: number) => {
-    fill: string;
-    id: string;
-}[];

package/dist/hooks/use-fill-ids.js

@@ -1,20 +0,0 @@
-import { useMemo } from 'react';
-export const useFillId = (namespace) => {
-    const id = `lobe-icons-${namespace.toLowerCase()}-fill`;
-    return useMemo(() => ({
-        fill: `url(#${id})`,
-        id,
-    }), [namespace]);
-};
-export const useFillIds = (namespace, length) => {
-    return useMemo(() => {
-        const ids = Array.from({ length }, (_, i) => {
-            const id = `lobe-icons-${namespace.toLowerCase()}-fill-${i}`;
-            return {
-                fill: `url(#${id})`,
-                id,
-            };
-        });
-        return ids;
-    }, [namespace]);
-};

package/dist/hooks/use-map.d.ts

@@ -1 +0,0 @@
-export declare function useMap<Key, Value>(initialState?: [Key, Value][]): Map<Key, Value>;

package/dist/hooks/use-map.js

@@ -1,20 +0,0 @@
-import React from 'react';
-export function useMap(initialState = []) {
-    const mapRef = React.useRef(new Map(initialState));
-    const [, reRender] = React.useReducer((x) => x + 1, 0);
-    mapRef.current.set = (...args) => {
-        Map.prototype.set.apply(mapRef.current, args);
-        reRender();
-        return mapRef.current;
-    };
-    mapRef.current.clear = (...args) => {
-        Map.prototype.clear.apply(mapRef.current, args);
-        reRender();
-    };
-    mapRef.current.delete = (...args) => {
-        const res = Map.prototype.delete.apply(mapRef.current, args);
-        reRender();
-        return res;
-    };
-    return mapRef.current;
-}

package/dist/hooks/use-measure.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare function useMeasure<T extends Element>(): [
-    React.RefCallback<T>,
-    {
-        width: number | null;
-        height: number | null;
-    }
-];