@dashforge/tw 1.0.0 → 1.1.1

package/dist/components/Autocomplete/autocomplete.variants.d.ts

@@ -1,214 +0,0 @@
-import { type VariantProps } from 'tailwind-variants';
-/**
- * Tailwind-variants recipe for `<Autocomplete>` with slots.
- *
- * Slots:
- *   - `root`         — outer wrapper (label + combobox + helper/error)
- *   - `label`        — text label above the input
- *   - `requiredMark` — red `*` for required fields
- *   - `inputWrapper` — surface holding the input + clear/trigger buttons
- *   - `input`        — the typeable text input
- *   - `trigger`      — caret / chevron button that opens the popover
- *   - `clearButton`  — `×` button to clear the current selection
- *   - `popover`      — floating panel containing the option list
- *   - `listBox`      — list element wrapping the options
- *   - `listItem`     — single option row
- *   - `emptyState`   — fallback when no options match the filter
- *   - `helperText`   — descriptive line below the input
- *   - `errorText`    — semantic counterpart for error mode
- *   - `chipsList`    — wrapper around selected chips (multi-select only)
- *   - `chip`         — individual selected chip
- *   - `chipRemove`   — `×` button on a chip
- */
-export declare const autocompleteVariants: import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-    };
-    layout: {
-        stacked: {
-            root: string;
-        };
-        inline: {
-            root: string;
-            label: string;
-        };
-    };
-    error: {
-        true: {
-            inputWrapper: string;
-        };
-    };
-    fullWidth: {
-        true: {
-            root: string;
-            inputWrapper: string;
-        };
-    };
-    disabled: {
-        true: {
-            inputWrapper: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    requiredMark: string;
-    inputWrapper: string[];
-    input: string[];
-    trigger: string[];
-    clearButton: string[];
-    popover: string[];
-    listBox: string;
-    listItem: string[];
-    emptyState: string;
-    helperText: string;
-    errorText: string;
-    chipsList: string;
-    chip: string[];
-    chipRemove: string[];
-}, undefined, {
-    size: {
-        sm: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-    };
-    layout: {
-        stacked: {
-            root: string;
-        };
-        inline: {
-            root: string;
-            label: string;
-        };
-    };
-    error: {
-        true: {
-            inputWrapper: string;
-        };
-    };
-    fullWidth: {
-        true: {
-            root: string;
-            inputWrapper: string;
-        };
-    };
-    disabled: {
-        true: {
-            inputWrapper: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    requiredMark: string;
-    inputWrapper: string[];
-    input: string[];
-    trigger: string[];
-    clearButton: string[];
-    popover: string[];
-    listBox: string;
-    listItem: string[];
-    emptyState: string;
-    helperText: string;
-    errorText: string;
-    chipsList: string;
-    chip: string[];
-    chipRemove: string[];
-}, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            trigger: string;
-            clearButton: string;
-        };
-    };
-    layout: {
-        stacked: {
-            root: string;
-        };
-        inline: {
-            root: string;
-            label: string;
-        };
-    };
-    error: {
-        true: {
-            inputWrapper: string;
-        };
-    };
-    fullWidth: {
-        true: {
-            root: string;
-            inputWrapper: string;
-        };
-    };
-    disabled: {
-        true: {
-            inputWrapper: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    requiredMark: string;
-    inputWrapper: string[];
-    input: string[];
-    trigger: string[];
-    clearButton: string[];
-    popover: string[];
-    listBox: string;
-    listItem: string[];
-    emptyState: string;
-    helperText: string;
-    errorText: string;
-    chipsList: string;
-    chip: string[];
-    chipRemove: string[];
-}, undefined, unknown, unknown, undefined>>;
-export type AutocompleteVariants = VariantProps<typeof autocompleteVariants>;
-//# sourceMappingURL=autocomplete.variants.d.ts.map

package/dist/components/Autocomplete/autocomplete.variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/autocomplete.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmH/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/components/Box/Box.d.ts

@@ -1,36 +0,0 @@
-import type { BoxProps } from './box.types.js';
-/**
- * `<Box>` — the surface primitive of @dashforge/tw.
- *
- * What it IS:
- *   A polymorphic container with typed surface variants (plain /
- *   outlined / elevated / soft / solid) × 7 intent colours, plus
- *   spacing / sizing / rounded / elevation as enumerated token-scale
- *   props. Replaces MUI's Box + Paper + Card + Surface in one component.
- *
- * What it is NOT (deliberate, enforced by the prop set):
- *   • Not a flex container         → use <Stack>
- *   • Not a grid container         → use <Grid>
- *   • Not a paragraph              → use <Typography>
- *   • Not a button                 → use <Button>
- *
- * The "Box is not flex" rule is the spine of the layout layer. Without
- * it, every `<div>` in an app gravitates back to Box and the surface
- * vs layout distinction collapses. Box's job is the SURFACE around
- * content; Stack/Grid's job is the ARRANGEMENT of content. Two
- * primitives, two responsibilities.
- *
- * When BOTH `as` and `asChild` are passed, `asChild` wins. Same rule
- * as Typography — documented to avoid the dimension-bloat of a
- * discriminated union over an 11-axis props type.
- *
- * Layering:
- *   • Sits BENEATH every visual chrome — every card, every panel,
- *     every section background.
- *   • Composes ON TOP of @dashforge/tw-tokens (color + spacing + radius
- *     + shadow scales) via the dashforgePreset CSS variables.
- *   • Pairs with Typography for text content, Stack/Grid for layout
- *     children inside it.
- */
-export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;
-//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/Box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,GAAG,kGAyCf,CAAC"}

package/dist/components/Box/box.types.d.ts

@@ -1,54 +0,0 @@
-import type { ElementType, HTMLAttributes } from 'react';
-import type { BoxVariants } from './box.variants.js';
-/**
- * Props for `<Box>` — the surface primitive.
- *
- * What lives in props (typed, ergonomic):
- *   • Surface          — variant, color, elevation, rounded
- *   • Spacing          — p, px, py, m, mx, my (token-scale steps)
- *   • Sizing           — fullWidth, fullHeight
- *   • Polymorphism     — as, asChild
- *   • Override escape  — sx (utility string, merged via tailwind-merge)
- *
- * What does NOT live here (deliberate, see Box.tsx header):
- *   • display / flex / grid / gap   → use Stack or Grid
- *   • position / top / z-index      → use sx
- *   • overflow / cursor             → use sx
- *   • animation / transition        → use sx
- *
- * Native attribute overrides:
- *   • `className` is omitted in favour of `sx` (string of utilities,
- *     resolved by tailwind-merge so consumer wins over variant defaults)
- *     — same convention as Button/TextField/Checkbox/Switch.
- *   • `color` is omitted: collides with the deprecated HTML4 `color`
- *     attribute. Our typed `color` (intent) is the right one.
- */
-export interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'color'>, Pick<BoxVariants, 'variant' | 'color' | 'elevation' | 'rounded' | 'p' | 'px' | 'py' | 'm' | 'mx' | 'my' | 'fullWidth' | 'fullHeight'> {
-    /**
-     * Override the rendered HTML tag. Defaults to `'div'`. Useful when
-     * the surface should also carry semantic meaning — `<Box as="section">`
-     * for a page section, `<Box as="article">` for a card-shaped article.
-     *
-     * Ignored when `asChild` is true.
-     */
-    as?: ElementType;
-    /**
-     * Render via Radix `Slot` — the Box styles paint onto the single
-     * React child instead of wrapping it in our own element. Useful for
-     * `<Box asChild><Link>...</Link></Box>` to get a styled router link
-     * with no extra DOM wrapper.
-     *
-     * Mutually exclusive with `as` (when both are passed, `asChild` wins
-     * — see Box.tsx for the reasoning).
-     */
-    asChild?: boolean;
-    /**
-     * Utility classes appended to the variant chain. Resolved via
-     * `tailwind-merge` so the consumer's classes always win over the
-     * variant defaults. Use for one-off overrides AND for utility
-     * dimensions Box deliberately doesn't expose as props (overflow,
-     * position, animation, etc.).
-     */
-    sx?: string;
-}
-//# sourceMappingURL=box.types.d.ts.map

package/dist/components/Box/box.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,EAC3D,IAAI,CAAC,WAAW,EACd,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAC3C,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GACrC,WAAW,GAAG,YAAY,CAAC;IACvC;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/components/Box/box.variants.d.ts

@@ -1,402 +0,0 @@
-import { type VariantProps } from 'tailwind-variants';
-/**
- * `boxVariants` — the surface primitive for @dashforge/tw.
- *
- * Architectural choice (planned with the user — F9 deep dive):
- *
- *   Box replaces FOUR overlapping concepts from MUI in one component:
- *     • Box        (typed div)
- *     • Paper      (surface with elevation)
- *     • Card       (Paper specialisation)
- *     • Surface    (Joy UI's outlined / soft / solid / plain variants)
- *
- *   The reason for the consolidation: in MUI you have to compose two or
- *   three of these to express even basic intent ("an outlined card with
- *   warning tone"). Here, one `<Box variant="outlined" color="warning">`
- *   says exactly that.
- *
- * Variant taxonomy (5 axes, intentionally non-overlapping with Stack/Grid):
- *
- *   • plain     — bare div + padding + radius. The escape hatch.
- *   • outlined  — 1px border + subtle bg tint. The "card lite".
- *   • elevated  — bg surface + shadow scale (0-5). The "floating panel".
- *   • soft      — semi-transparent intent bg + intent text. The "callout".
- *   • solid     — solid intent bg + contrasting text. The "CTA banner".
- *
- *   `color` applies to outlined/soft/solid (each gets the 7 intent
- *   variants). `elevated` is color-agnostic (always neutral surface +
- *   shadow scale). `plain` is everything-agnostic.
- *
- * Spacing axes (p/px/py/m/mx/my): mapped explicitly to the 11 token
- * steps from @dashforge/tw-tokens (0, 0.5, 1, 2, 3, 4, 6, 8, 12, 16, 24).
- * Tailwind JIT requires literal class strings — building them dynamically
- * with template literals would purge them. The verbosity below is the
- * cost of keeping the bundle CSS-pure and rebuild-free.
- *
- * What this does NOT do (deliberate, see component docs):
- *   • No display / flex / grid props      → use Stack or Grid
- *   • No position / overflow / z-index    → use `sx`
- *   • No animation / transition           → use `sx`
- *
- * The "Box is not flex" rule is the spine of the layout layer. Without
- * it, every `<div>` in an app gravitates back to Box and the surface
- * vs layout distinction collapses — exactly the failure mode this
- * primitive exists to prevent.
- */
-export declare const boxVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        plain: string;
-        outlined: string;
-        elevated: string;
-        soft: string;
-        solid: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-        neutral: string;
-    };
-    elevation: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        full: string;
-    };
-    p: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    px: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    py: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    m: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    mx: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    my: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    fullHeight: {
-        true: string;
-    };
-}, undefined, "block", {
-    variant: {
-        plain: string;
-        outlined: string;
-        elevated: string;
-        soft: string;
-        solid: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-        neutral: string;
-    };
-    elevation: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        full: string;
-    };
-    p: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    px: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    py: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    m: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    mx: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    my: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    fullHeight: {
-        true: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        plain: string;
-        outlined: string;
-        elevated: string;
-        soft: string;
-        solid: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-        neutral: string;
-    };
-    elevation: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        full: string;
-    };
-    p: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    px: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    py: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    m: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    mx: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    my: {
-        0: string;
-        '0.5': string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    fullHeight: {
-        true: string;
-    };
-}, undefined, "block", unknown, unknown, undefined>>;
-export type BoxVariants = VariantProps<typeof boxVariants>;
-//# sourceMappingURL=box.variants.d.ts.map