@ark-ui/react 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -6,6 +6,12 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [0.13.0] - 2023-08-13
+
+### Changed
+
+- BREAKING: Renamed `SegmentIndicator` to `SegmentGroupIndicator` to match the naming convention of other components.
+
 ## [0.12.0] - 2023-08-13
 
 ### Added
@@ -179,7 +185,7 @@ description: All notable changes to this project will be documented in this file
 - Add `Toast`
 - Add `Tooltip`
 
-[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.12.0...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.13.0...HEAD
 [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.1.0
 [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.2.0
 [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.3.0
@@ -204,3 +210,5 @@ description: All notable changes to this project will be documented in this file
 ```
 
 [0.12.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.12.0
+
+[0.13.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.13.0

package/index.cjs

@@ -213,8 +213,8 @@ const ratingContext = require('./rating-group/rating-context.cjs');
 const ratingGroupContext = require('./rating-group/rating-group-context.cjs');
 const segment = require('./segment-group/segment.cjs');
 const segmentControl = require('./segment-group/segment-control.cjs');
+const segmentGroupIndicator = require('./segment-group/segment-group-indicator.cjs');
 const segmentGroupLabel = require('./segment-group/segment-group-label.cjs');
-const segmentIndicator = require('./segment-group/segment-indicator.cjs');
 const segmentLabel = require('./segment-group/segment-label.cjs');
 const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
 const segmentContext = require('./segment-group/segment-context.cjs');
@@ -542,8 +542,8 @@ exports.useRatingContext = ratingContext.useRatingContext;
 exports.useRatingGroupContext = ratingGroupContext.useRatingGroupContext;
 exports.Segment = segment.Segment;
 exports.SegmentControl = segmentControl.SegmentControl;
+exports.SegmentGroupIndicator = segmentGroupIndicator.SegmentGroupIndicator;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
-exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
 exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.useSegmentContext = segmentContext.useSegmentContext;

package/index.mjs

@@ -209,8 +209,8 @@ export { useRatingContext } from './rating-group/rating-context.mjs';
 export { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { Segment } from './segment-group/segment.mjs';
 export { SegmentControl } from './segment-group/segment-control.mjs';
+export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.mjs';
 export { SegmentGroupLabel } from './segment-group/segment-group-label.mjs';
-export { SegmentIndicator } from './segment-group/segment-indicator.mjs';
 export { SegmentLabel } from './segment-group/segment-label.mjs';
 export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.mjs';
 export { useSegmentContext } from './segment-group/segment-context.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",

package/segment-group/index.cjs

@@ -7,16 +7,16 @@ const segmentContext = require('./segment-context.cjs');
 const segmentControl = require('./segment-control.cjs');
 const segmentGroup = require('./segment-group.cjs');
 const segmentGroupContext = require('./segment-group-context.cjs');
+const segmentGroupIndicator = require('./segment-group-indicator.cjs');
 const segmentGroupLabel = require('./segment-group-label.cjs');
 const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-const segmentIndicator = require('./segment-indicator.cjs');
 const segmentLabel = require('./segment-label.cjs');
 
 const SegmentGroup = Object.assign(segmentGroup.SegmentGroup, {
   Root: segmentGroup.SegmentGroup,
   Label: segmentGroupLabel.SegmentGroupLabel,
+  Indicator: segmentGroupIndicator.SegmentGroupIndicator,
   Segment: segment.Segment,
-  SegmentIndicator: segmentIndicator.SegmentIndicator,
   SegmentLabel: segmentLabel.SegmentLabel,
   SegmentControl: segmentControl.SegmentControl
 });
@@ -25,8 +25,8 @@ exports.Segment = segment.Segment;
 exports.useSegmentContext = segmentContext.useSegmentContext;
 exports.SegmentControl = segmentControl.SegmentControl;
 exports.useSegmentGroupContext = segmentGroupContext.useSegmentGroupContext;
+exports.SegmentGroupIndicator = segmentGroupIndicator.SegmentGroupIndicator;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
-exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
 exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.SegmentGroup = SegmentGroup;

package/segment-group/index.d.ts

@@ -6,9 +6,9 @@ import { useSegmentContext } from './segment-context';
 import { SegmentControl, type SegmentControlProps } from './segment-control';
 import { type SegmentGroupProps } from './segment-group';
 import { useSegmentGroupContext } from './segment-group-context';
+import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
 import { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
 import { segmentGroupAnatomy } from './segment-group.anatomy';
-import { SegmentIndicator, type SegmentIndicatorProps } from './segment-indicator';
 import { SegmentLabel, type SegmentLabelProps } from './segment-label';
 declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -29,6 +29,11 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
     } & {
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Indicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
     Segment: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
         ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
     } & {
@@ -44,11 +49,6 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
         readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     } & RefAttributes<HTMLLabelElement>>;
-    SegmentIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
     SegmentLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
     } & {
@@ -60,5 +60,5 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLDivElement>>;
 };
-export { Segment, SegmentControl, SegmentGroup, SegmentGroupLabel, SegmentIndicator, SegmentLabel, segmentGroupAnatomy, useSegmentContext, useSegmentGroupContext, };
-export type { SegmentControlProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentIndicatorProps, SegmentLabelProps, SegmentProps, };
+export { Segment, SegmentControl, SegmentGroup, SegmentGroupIndicator, SegmentGroupLabel, SegmentLabel, segmentGroupAnatomy, useSegmentContext, useSegmentGroupContext, };
+export type { SegmentControlProps, SegmentGroupIndicatorProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentLabelProps, SegmentProps, };

package/segment-group/index.mjs

@@ -3,18 +3,18 @@ export { useSegmentContext } from './segment-context.mjs';
 import { SegmentControl } from './segment-control.mjs';
 import { SegmentGroup as SegmentGroup$1 } from './segment-group.mjs';
 export { useSegmentGroupContext } from './segment-group-context.mjs';
+import { SegmentGroupIndicator } from './segment-group-indicator.mjs';
 import { SegmentGroupLabel } from './segment-group-label.mjs';
 export { segmentGroupAnatomy } from './segment-group.anatomy.mjs';
-import { SegmentIndicator } from './segment-indicator.mjs';
 import { SegmentLabel } from './segment-label.mjs';
 
 const SegmentGroup = Object.assign(SegmentGroup$1, {
   Root: SegmentGroup$1,
   Label: SegmentGroupLabel,
+  Indicator: SegmentGroupIndicator,
   Segment,
-  SegmentIndicator,
   SegmentLabel,
   SegmentControl
 });
 
-export { Segment, SegmentControl, SegmentGroup, SegmentGroupLabel, SegmentIndicator, SegmentLabel };
+export { Segment, SegmentControl, SegmentGroup, SegmentGroupIndicator, SegmentGroupLabel, SegmentLabel };

package/segment-group/segment-group-indicator.cjs

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const segmentGroupContext = require('./segment-group-context.cjs');
+const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
+
+const SegmentGroupIndicator = react.forwardRef(
+  (props, ref) => {
+    const { indicatorProps } = segmentGroupContext.useSegmentGroupContext();
+    const mergedProps = react$1.mergeProps(indicatorProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.indicator.attrs, ref });
+  }
+);
+SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
+
+exports.SegmentGroupIndicator = SegmentGroupIndicator;

package/segment-group/{segment-indicator.d.ts → segment-group-indicator.d.ts}

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
-export type SegmentIndicatorProps = ComponentPropsWithoutRef<typeof ark.div>;
-export declare const SegmentIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export type SegmentGroupIndicatorProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const SegmentGroupIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;

package/segment-group/segment-group-indicator.mjs

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useSegmentGroupContext } from './segment-group-context.mjs';
+import { parts } from './segment-group.anatomy.mjs';
+
+const SegmentGroupIndicator = forwardRef(
+  (props, ref) => {
+    const { indicatorProps } = useSegmentGroupContext();
+    const mergedProps = mergeProps(indicatorProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.indicator.attrs, ref });
+  }
+);
+SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
+
+export { SegmentGroupIndicator };

package/segment-group/segment-indicator.cjs

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-
-const SegmentIndicator = react.forwardRef((props, ref) => {
-  const { indicatorProps } = segmentGroupContext.useSegmentGroupContext();
-  const mergedProps = react$1.mergeProps(indicatorProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.indicator.attrs, ref });
-});
-SegmentIndicator.displayName = "SegmentIndicator";
-
-exports.SegmentIndicator = SegmentIndicator;

package/segment-group/segment-indicator.mjs

@@ -1,16 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useSegmentGroupContext } from './segment-group-context.mjs';
-import { parts } from './segment-group.anatomy.mjs';
-
-const SegmentIndicator = forwardRef((props, ref) => {
-  const { indicatorProps } = useSegmentGroupContext();
-  const mergedProps = mergeProps(indicatorProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.indicator.attrs, ref });
-});
-SegmentIndicator.displayName = "SegmentIndicator";
-
-export { SegmentIndicator };