@hintoric/ui 0.7.0 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,uFAwCjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,uFA0DjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAUhD,eAAO,MAAM,WAAW,yFAsBtB,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAWhD,eAAO,MAAM,WAAW,yFA6CtB,CAAC"}

package/dist/components/ButtonGroup/ButtonGroupContext.d.ts

@@ -0,0 +1,17 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+import * as React from 'react';
+/**
+ * What a group hands down to its Buttons and IconButtons. Mirrors Joy's own
+ * `ButtonGroupContext`: Joy's Button.js and IconButton.js resolve each of these
+ * as `own prop || group || default`, which is why a Joy `<ToggleButtonGroup>`
+ * of bare `<Button>`s renders outlined/neutral rather than Button's own
+ * solid/primary default.
+ */
+export interface ButtonGroupContextValue {
+    variant?: JoyVariant;
+    color?: JoyColor;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+}
+export declare const ButtonGroupContext: React.Context<ButtonGroupContextValue>;
+//# sourceMappingURL=ButtonGroupContext.d.ts.map

package/dist/components/ButtonGroup/ButtonGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E;;;;;;GAMG;AACH,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,wCAAmD,CAAC"}

package/dist/components/ButtonGroup/buttonGroupClasses.d.ts

@@ -0,0 +1,12 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+/** `spacing` 0 / "0px" / "0rem" connects the buttons — Joy's `/^0(?!\.)/` test. */
+export declare function isConnected(spacing: number | string): boolean;
+/** Joy's `theme.spacing(n)`: a number is a multiple of 8px, a string is used as-is. */
+export declare function groupGap(spacing: number | string): string;
+export declare function buttonGroupClasses({ variant, color, orientation, connected, }: {
+    variant: JoyVariant;
+    color: JoyColor;
+    orientation: 'horizontal' | 'vertical';
+    connected: boolean;
+}): string;
+//# sourceMappingURL=buttonGroupClasses.d.ts.map

package/dist/components/ButtonGroup/buttonGroupClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroupClasses.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/buttonGroupClasses.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AA0D5E,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAE7D;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,MAAM,CAgBT"}

package/dist/components/ButtonGroup/types.d.ts

@@ -1,7 +1,19 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
 import type * as React from 'react';
 export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Passed down to every Button/IconButton in the group that doesn't set its own, as in Joy. */
+    variant?: JoyVariant;
+    /** Passed down to every Button/IconButton in the group that doesn't set its own, as in Joy. */
+    color?: JoyColor;
+    /** Passed down to every Button/IconButton in the group that doesn't set its own, as in Joy. */
+    size?: 'sm' | 'md' | 'lg';
     orientation?: 'horizontal' | 'vertical';
+    /**
+     * Gap between the buttons. A number is a multiple of 8px (Joy's
+     * `theme.spacing`), a string is used as-is. 0 connects them.
+     */
     spacing?: number | string;
+    /** Disables every Button/IconButton in the group that doesn't set its own `disabled`. */
     disabled?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ButtonGroup/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,+FAA+F;IAC/F,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/ButtonGroup/useButtonGroupItem.d.ts

@@ -0,0 +1,32 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+import * as React from 'react';
+interface GroupItemProps {
+    variant?: JoyVariant;
+    color?: JoyColor;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    value?: unknown;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    'aria-pressed'?: React.AriaAttributes['aria-pressed'];
+}
+/**
+ * The props a Button or IconButton actually renders with once a surrounding
+ * group is taken into account — the same resolution Joy's Button.js and
+ * IconButton.js do: an explicit prop wins, then the group, then the
+ * component's own default. Inside a ToggleButtonGroup, `aria-pressed` follows
+ * the group's value and a click reports the button's `value` to it.
+ */
+export declare function useButtonGroupItem(props: GroupItemProps, defaults: {
+    variant: JoyVariant;
+    color: JoyColor;
+    size: 'sm' | 'md' | 'lg';
+}): {
+    variant: JoyVariant;
+    color: JoyColor;
+    size: "sm" | "md" | "lg";
+    disabled: boolean | undefined;
+    'aria-pressed': boolean | "true" | "false" | "mixed" | undefined;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export {};
+//# sourceMappingURL=useButtonGroupItem.d.ts.map

package/dist/components/ButtonGroup/useButtonGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/useButtonGroupItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACvD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE;;;;;;qBAWzD,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;EAOvD"}

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,2FAYrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,2FAuCrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAgBtD,eAAO,MAAM,iBAAiB,+FAwD5B,CAAC"}
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAgBtD,eAAO,MAAM,iBAAiB,+FAiE5B,CAAC"}

package/dist/components/ToggleButtonGroup/ToggleButtonGroupContext.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+/**
+ * Selection state a ToggleButtonGroup shares with its buttons. Through context
+ * rather than `cloneElement`, as in Joy, so a button wrapped in something (a
+ * Tooltip, say) still toggles and still renders pressed.
+ */
+export interface ToggleButtonGroupContextValue {
+    value: readonly unknown[];
+    onClick: (event: React.MouseEvent<HTMLButtonElement>, value: unknown) => void;
+}
+export declare const ToggleButtonGroupContext: React.Context<ToggleButtonGroupContextValue | undefined>;
+//# sourceMappingURL=ToggleButtonGroupContext.d.ts.map

package/dist/components/ToggleButtonGroup/ToggleButtonGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/ToggleButtonGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/E;AAED,eAAO,MAAM,wBAAwB,0DAA4E,CAAC"}

package/dist/components/ToggleButtonGroup/types.d.ts

@@ -3,6 +3,8 @@ import type * as React from 'react';
 export interface ToggleButtonGroupProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'value' | 'defaultValue'> {
     variant?: JoyVariant;
     color?: JoyColor;
+    /** Passed down to every Button/IconButton in the group, as in Joy. */
+    size?: 'sm' | 'md' | 'lg';
     orientation?: 'horizontal' | 'vertical';
     spacing?: number | string;
     disabled?: boolean;

package/dist/components/ToggleButtonGroup/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAC1F,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAChE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAC1F,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,sEAAsE;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAChE"}