@layerfi/components 0.1.120 → 0.1.121-alpha

package/dist/index.css

@@ -1140,38 +1140,6 @@
   font-size: 12px;
   list-style: none;
 }
-.Layer__chart__tooltip {
-  padding: var(--spacing-2xs) var(--spacing-sm);
-  border-radius: var(--border-radius-3xs);
-  background-color: var(--color-base-1000);
-  font-size: var(--text-sm);
-  color: var(--color-base-500);
-}
-.Layer__chart__tooltip-list {
-  padding: 0;
-  margin: 0;
-}
-.Layer__chart__tooltip-list li {
-  display: flex;
-  column-gap: var(--spacing-sm);
-  justify-content: space-between;
-  list-style: none;
-}
-.Layer__chart__tooltip-list .Layer__chart__tooltip-label {
-  color: var(--color-base-500);
-}
-.Layer__chart__tooltip-list .Layer__chart__tooltip-value {
-  color: var(--color-base-300);
-}
-.Layer__chart__tooltip-list .Layer__chart__tooltip-value.positive {
-  color: var(--color-success);
-}
-.Layer__chart__tooltip-list .Layer__chart__tooltip-value.negative {
-  color: var(--color-danger);
-}
-.Layer__chart_y-axis-tick tspan {
-  font-size: var(--text-sm);
-}
 .Layer__component {
   max-width: 1406px;
   font-family: var(--font-family);
@@ -6210,6 +6178,12 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__Span[data-variant=inherit] {
   color: inherit;
 }
+.Layer__Header[data-variant=white],
+.Layer__Label[data-variant=white],
+.Layer__P[data-variant=white],
+.Layer__Span[data-variant=white] {
+  color: var(--color-base-300);
+}
 .Layer__Header[data-status=error],
 .Layer__Label[data-status=error],
 .Layer__P[data-status=error],
@@ -7634,6 +7608,114 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__UI__DatePicker[data-disabled] {
   color: var(--color-base-500);
+}.Layer__RadioGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+}
+.Layer__RadioGroup[data-orientation=horizontal] {
+  flex-direction: row;
+  gap: var(--spacing-md);
+}
+
+.Layer__Radio {
+  position: relative;
+  display: inline-flex;
+  gap: var(--spacing-xs);
+  align-items: center;
+  width: fit-content;
+  cursor: pointer;
+}
+.Layer__Radio [slot=radio] {
+  box-sizing: border-box;
+  display: grid;
+  place-items: center;
+  height: var(--size);
+  width: var(--size);
+  border-radius: 50%;
+  border: 2px solid var(--outline-default);
+  background-color: var(--color-base-50);
+  color: transparent;
+  transition: all 100ms ease-out;
+  --size: 1rem;
+}
+.Layer__Radio [slot=radio][data-pressed] {
+  border-color: var(--outline-active);
+}
+.Layer__Radio [slot=radio] svg {
+  fill: currentcolor;
+  stroke: none;
+  transition: all 100ms ease-out;
+}
+.Layer__Radio[data-size=md] [slot=radio] {
+  --size: 1.25rem;
+}
+.Layer__Radio[data-size=lg] [slot=radio] {
+  --size: 1.5rem;
+}
+.Layer__Radio[data-readonly] [slot=radio] {
+  background-color: var(--bg-muted);
+}
+.Layer__Radio[data-hovered] [slot=radio], .Layer__Radio[data-pressed] [slot=radio] {
+  border-color: var(--outline-active);
+}
+.Layer__Radio[data-focus-visible] [slot=radio] {
+  outline: 1px solid var(--outline-active);
+  outline-offset: 2px;
+}
+.Layer__Radio[data-selected] [slot=radio] {
+  background-color: var(--fg-default);
+  color: var(--bg-default);
+  border-color: var(--fg-default);
+}
+.Layer__Radio[data-selected][data-readonly] [slot=radio] {
+  border-color: var(--fg-subtle);
+  background-color: var(--fg-subtle);
+}
+.Layer__Radio[data-disabled] {
+  cursor: not-allowed;
+}
+.Layer__Radio[data-disabled] [slot=radio] {
+  background-color: var(--color-base-200);
+}
+.Layer__Radio[data-labeled] {
+  gap: var(--spacing-xs);
+}
+.Layer__Radio[data-invalid] [slot=radio] {
+  border-color: var(--color-info-error);
+}
+.Layer__Radio[data-selected][data-invalid] [slot=radio] {
+  background-color: var(--color-info-error);
+}.Layer__FormRadioGroupField {
+  display: grid;
+  grid-template-areas: "label" "radiogroup" "error";
+}
+.Layer__FormRadioGroupField > [slot=label] {
+  grid-area: label;
+  padding-block-end: var(--spacing-3xs);
+}
+.Layer__FormRadioGroupField > [slot=radiogroup] {
+  grid-area: radiogroup;
+  margin-block: var(--spacing-2xs);
+}
+.Layer__FormRadioGroupField > [slot=error] {
+  grid-area: error;
+}
+.Layer__FormRadioGroupField__Error {
+  font-size: var(--font-size-xs);
+  color: var(--color-info-error);
+}
+.Layer__FormRadioGroupField--inline {
+  grid-template-areas: "label radiogroup";
+  grid-template-columns: auto 1fr;
+  align-items: start;
+}
+.Layer__FormRadioGroupField--inline > [slot=label] {
+  padding-block-start: var(--spacing-3xs);
+  padding-block-end: 0;
+}
+.Layer__FormRadioGroupField--inline > [slot=radiogroup] {
+  margin-block: 0;
 }.Layer__UI__Switch {
   display: flex;
   gap: 0.5rem;
@@ -8872,9 +8954,25 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__caobfb[data-saved] .Layer__caobfb__success-banner {
   opacity: 1;
   z-index: 101;
-}.Layer__DateGroupByComboBox__Container {
-  inline-size: 12rem;
-  max-inline-size: 12rem;
+}.Layer__ChartYAxis__tick tspan {
+  font-size: var(--text-sm);
+}.Layer__ChartTooltip {
+  padding: var(--spacing-2xs) var(--spacing-sm);
+  border-radius: var(--border-radius-3xs);
+  background-color: var(--color-base-1000);
+  font-size: var(--text-sm);
+  color: var(--color-base-500);
+}
+
+.Layer__ChartTooltip__list {
+  padding: 0;
+  margin: 0;
+}
+.Layer__ChartTooltip__list li {
+  display: flex;
+  column-gap: var(--spacing-sm);
+  justify-content: space-between;
+  list-style: none;
 }.Layer__ProfitAndLossDetailReport {
   --pnl-detail-table-cols:
     minmax(7.5rem, 8%)
@@ -8992,6 +9090,9 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   .Layer__profit-and-loss-header__bookkeeping-status .Layer__bookkeeping-status {
     white-space: normal;
   }
+}.Layer__DateGroupByComboBox__Container {
+  inline-size: 12rem;
+  max-inline-size: 12rem;
 }.Layer__panel {
   display: flex;
   flex: 1;
@@ -9848,6 +9949,25 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__InvoiceRefundForm .Layer__InvoiceRefundForm__Section {
   padding: var(--spacing-md);
   border-bottom: 1px solid var(--border-color);
+}.Layer__CustomerForm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  width: 100%;
+}
+.Layer__CustomerForm .Layer__CustomerForm__FormError {
+  padding: var(--spacing-sm);
+}
+.Layer__CustomerForm .Layer__CustomerForm__Submit {
+  align-items: flex-end;
+  padding-block-start: 1rem;
+}
+.Layer__CustomerForm .Layer__CustomerForm__Field__IndividualName,
+.Layer__CustomerForm .Layer__CustomerForm__Field__CompanyName,
+.Layer__CustomerForm .Layer__CustomerForm__Field__Email,
+.Layer__CustomerForm .Layer__CustomerForm__Field__Address {
+  grid-template-columns: 10rem auto;
+  width: 100%;
 }.Layer__CustomerSelector {
   display: grid;
   grid-template-areas: "label" "input";
@@ -10016,10 +10136,10 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   transition: transform 0.1s ease-in-out;
 }
 .Layer__ExpandButton--collapsed {
-  transform: rotate(-90deg);
+  transform: rotate(0deg);
 }
 .Layer__ExpandButton--expanded {
-  transform: rotate(0deg);
+  transform: rotate(180deg);
 }.Layer__UI__Table__UnifiedReport {
   min-width: 100%;
 }
@@ -10085,40 +10205,6 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__due-status[data-status=before] .Layer__due-status__title {
   color: var(--color-base-800);
-}.Layer__UI__Link {
-  position: relative;
-  display: inline;
-  outline: none;
-  cursor: pointer;
-  font-size: var(--text-md);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-normal);
-  text-decoration: none;
-  /* Sizes */
-}
-.Layer__UI__Link[data-ellipsis], .Layer__UI__Link[data-with-tooltip] {
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-inline-size: 100%;
-}
-.Layer__UI__Link[data-disabled] {
-  cursor: not-allowed;
-  color: var(--color-base-500);
-  pointer-events: none;
-}
-.Layer__UI__Link[data-size=xs] {
-  font-size: var(--text-xs);
-}
-.Layer__UI__Link[data-size=sm] {
-  font-size: var(--text-sm);
-}
-.Layer__UI__Link[data-size=md] {
-  font-size: var(--text-md);
-}
-.Layer__UI__Link[data-size=lg] {
-  font-size: var(--text-lg);
 }.Layer__AddToCalendar__CalendarIcon {
   height: 1rem;
   width: 1rem;
@@ -10140,6 +10226,51 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   .Layer__call-booking {
     padding: var(--spacing-md);
   }
+}.Layer__YearPicker {
+  inline-size: 8rem;
+}.Layer__MileageDeductionChart .recharts-responsive-container {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.Layer__MileageDeductionChart__bar--deduction {
+  fill: var(--bar-color-income);
+}
+.Layer__MileageDeductionChart__bar--deduction:hover {
+  opacity: 0.8;
+}.Layer__MileageTrackingStats__YearSelector {
+  width: 8rem;
+}
+
+.Layer__MileageTrackingStats__Content {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-lg);
+  padding: var(--spacing-md);
+}
+@container (width <= 760px) {
+  .Layer__MileageTrackingStats__Content {
+    flex-direction: column-reverse;
+  }
+}
+
+.Layer__MileageTrackingStats__Cards {
+  min-width: 12rem;
+}
+
+.Layer__MileageTrackingStats__Chart {
+  flex: 1;
+}
+
+.Layer__MileageTrackingStats__Card {
+  box-sizing: border-box;
+  padding-block: var(--spacing-sm);
+  padding-inline: var(--spacing-md);
+  border-radius: var(--border-radius-2xs);
+  border: 1px solid var(--border-color);
+}.Layer__ResponsiveComponent {
+  height: 100%;
+  width: 100%;
 }.Layer__TripPurposeComboBox {
   display: grid;
   grid-template-areas: "label" "input";
@@ -10181,17 +10312,52 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__TripForm .Layer__TripForm__Submit {
   align-items: flex-end;
   padding-block-start: 1rem;
-}.Layer__TripsTable {
-  overflow: hidden;
-  width: clamp(61rem, 100%, 1406px);
+}.Layer__MobileListItem {
+  display: grid;
+  grid-template-areas: "content";
+  grid-template-columns: 1fr;
+  padding: var(--spacing-sm);
+  border-radius: var(--border-radius-sm);
+  border: 1px solid var(--border-color);
+  background-color: var(--color-base-0);
+}
+.Layer__MobileListItem[data-selection-mode=multiple], .Layer__MobileListItem[data-selection-mode=single] {
+  grid-template-areas: "selection content";
+  grid-template-columns: auto 1fr;
+}.Layer__MobileListSkeleton__Item {
+  padding: var(--spacing-sm);
+  border-radius: var(--border-radius-2xs);
+  border: 1px solid var(--border-color);
+  background-color: var(--color-base-0);
+}.Layer__MobileList {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}.Layer__TripsMobileList .Layer__TripsView__EmptyState,
+.Layer__TripsMobileList .Layer__TripsView__ErrorState {
+  padding: var(--spacing-sm);
+  padding-top: var(--spacing-lg);
+  border-radius: var(--border-radius-sm);
+  border: 1px solid var(--border-color);
+  background-color: var(--color-base-0);
 }
 
-.Layer__TripsTable__VehicleSelector {
+.Layer__TripsMobileListItem {
+  width: 100%;
+  min-width: 0;
+}
+
+.Layer__TripsMobileListItem__LeftContent {
+  min-width: 0;
+}.Layer__TripsTable__VehicleSelector {
   width: 12rem;
 }
 
 .Layer__TripsTable__SearchField {
   width: 15rem;
+}.Layer__TripsTable {
+  overflow: hidden;
+  width: clamp(61rem, 100%, 1406px);
 }
 
 .Layer__UI__Table__TripsTable {
@@ -10229,10 +10395,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
   grid-template-columns: 10rem auto;
   width: 100%;
 }.Layer__VehicleCard {
-  transition: box-shadow 0.2s ease;
-}
-.Layer__VehicleCard:hover {
-  box-shadow: 0 8px 16px 0 var(--base-transparent-8), 0 4px 8px 0 var(--base-transparent-6), 0 0 0 1px var(--base-transparent-4);
+  box-shadow: 0 0 0 1px var(--border-color);
 }
 .Layer__VehicleCard .Layer__VehicleCard__Header {
   flex: 1;
@@ -10257,6 +10420,156 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 }
 .Layer__project-view .Layer__select__menu {
   z-index: 2;
+}.Layer__ExpandableCard {
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+}
+.Layer__ExpandableCard:not(:first-child) {
+  border-top: 1px solid var(--color-base-300);
+}
+.Layer__ExpandableCard__Header {
+  all: unset;
+  box-sizing: border-box;
+  display: block;
+  width: 100%;
+  padding: var(--spacing-md);
+  cursor: pointer;
+}
+.Layer__ExpandableCard__Content {
+  padding-block-end: var(--spacing-md);
+  padding-inline: var(--spacing-md);
+}.Layer__AdjustedGrossIncomeTable {
+  width: 100%;
+  table-layout: fixed;
+}
+.Layer__AdjustedGrossIncomeTable__Header {
+  display: none;
+}
+.Layer__AdjustedGrossIncomeTable .Layer__UI__Table-Row {
+  display: grid;
+  grid-template-columns: minmax(2rem, 40%) minmax(15rem, 60%);
+}
+.Layer__AdjustedGrossIncomeTable .Layer__UI__Table-Row.Layer__AdjustedGrossIncomeTable__DeductionsRow {
+  background-color: var(--color-base-50);
+}
+.Layer__AdjustedGrossIncomeTable .Layer__UI__Table-Row.Layer__AdjustedGrossIncomeTable__DeductionsRow .Layer__UI__Table-Cell:first-child {
+  padding-left: var(--spacing-lg);
+}
+.Layer__AdjustedGrossIncomeTable .Layer__UI__Table-Cell:nth-child(2) {
+  justify-content: flex-end;
+  text-align: right;
+}.Layer__FederalTaxTable {
+  width: 100%;
+  table-layout: fixed;
+}
+.Layer__FederalTaxTable__Header {
+  display: none;
+}
+.Layer__FederalTaxTable .Layer__UI__Table-Row {
+  display: grid;
+  grid-template-columns: minmax(2rem, 40%) minmax(15rem, 60%);
+}
+.Layer__FederalTaxTable .Layer__UI__Table-Row.Layer__FederalTaxTable_NestedRow {
+  background-color: var(--color-base-50);
+}
+.Layer__FederalTaxTable .Layer__UI__Table-Row.Layer__FederalTaxTable_NestedRow .Layer__UI__Table-Cell:first-child {
+  padding-left: var(--spacing-lg);
+}
+.Layer__FederalTaxTable .Layer__UI__Table-Cell:nth-child(2) {
+  justify-content: flex-end;
+  text-align: right;
+}
+.Layer__FederalTaxTable__SectionTotal {
+  border-bottom: 1px solid var(--color-border);
+}
+.Layer__FederalTaxTable__EmptyRow {
+  height: var(--spacing-md);
+}
+.Layer__FederalTaxTable__TotalRow {
+  border-top: 2px solid var(--color-border);
+}.Layer__TaxDetails__CardHeading {
+  width: 100%;
+}.Layer__StateTaxTable {
+  width: 100%;
+  table-layout: fixed;
+}
+.Layer__StateTaxTable__Header {
+  display: none;
+}
+.Layer__StateTaxTable .Layer__UI__Table-Row {
+  display: grid;
+  grid-template-columns: minmax(2rem, 40%) minmax(15rem, 60%);
+}
+.Layer__StateTaxTable .Layer__UI__Table-Row.Layer__StateTaxTable_NestedRow {
+  background-color: var(--color-base-50);
+}
+.Layer__StateTaxTable .Layer__UI__Table-Row.Layer__StateTaxTable_NestedRow .Layer__UI__Table-Cell:first-child {
+  padding-left: var(--spacing-lg);
+}
+.Layer__StateTaxTable .Layer__UI__Table-Cell:nth-child(2) {
+  justify-content: flex-end;
+  text-align: right;
+}
+.Layer__StateTaxTable__SectionTotal {
+  border-bottom: 1px solid var(--color-border);
+}
+.Layer__StateTaxTable__EmptyRow {
+  height: var(--spacing-md);
+}
+.Layer__StateTaxTable__TotalRow {
+  border-top: 2px solid var(--color-border);
+}.Layer__UI__Table__TaxPaymentsTable {
+  width: 100%;
+  table-layout: fixed;
+}
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Row,
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-TableHeader > tr {
+  display: grid;
+  grid-template-columns: minmax(4rem, 10%) repeat(4, minmax(6rem, 22.5%));
+}
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Column__TaxPaymentsTable--OwedFromPrevious, .Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Column__TaxPaymentsTable--OwedThisQuarter, .Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Column__TaxPaymentsTable--TotalPaid, .Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Column__TaxPaymentsTable--Total,
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Cell__TaxPaymentsTable--OwedFromPrevious,
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Cell__TaxPaymentsTable--OwedThisQuarter,
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Cell__TaxPaymentsTable--TotalPaid,
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Cell__TaxPaymentsTable--Total {
+  justify-content: flex-end;
+  text-align: right;
+}
+.Layer__UI__Table__TaxPaymentsTable .Layer__UI__Table-Row {
+  background-color: var(--color-base-50);
+}.Layer__FilingStatusComboBox {
+  display: grid;
+  grid-template-areas: "label" "input";
+  gap: var(--spacing-3xs);
+}
+.Layer__FilingStatusComboBox--inline {
+  grid-template-areas: "label input";
+  gap: 0;
+  align-items: center;
+}.Layer__UsStateComboBox {
+  display: grid;
+  grid-template-areas: "label" "input";
+  gap: var(--spacing-3xs);
+}
+.Layer__UsStateComboBox--inline {
+  grid-template-areas: "label input";
+  gap: 0;
+  align-items: center;
+}.Layer__TaxProfileForm {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.Layer__TaxProfileForm .Layer__TaxProfileForm__Section {
+  padding: var(--spacing-md);
+  border-radius: var(--border-radius-sm);
+  border: 1px solid var(--border-color);
+  background: var(--color-base-50);
+}
+.Layer__TaxProfileForm .Layer__TaxProfileForm__Field {
+  grid-template-columns: 16rem minmax(auto, 24rem);
+  width: 100%;
 }.Layer__toasts-container {
   position: fixed;
   z-index: 1000;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { Schema } from 'effect';
 declare const AccountingConfigurationSchema: Schema.Struct<{
     id: typeof Schema.UUID;
     enableAccountNumbers: Schema.PropertySignature<":", boolean, "enable_account_numbers", ":", boolean, false, never>;
+    enableCustomerManagement: Schema.PropertySignature<":", boolean, "enable_customer_management", ":", boolean, false, never>;
     platformDisplayTags: Schema.PropertySignature<":", readonly {
         readonly id: string;
         readonly key: string;
@@ -394,7 +395,7 @@ declare type DateRange<T = Date> = {
     endDate: T;
 };
 
-declare type DateSelectionMode = 'full' | 'month';
+declare type DateSelectionMode = 'full' | 'month' | 'year';
 
 /**
  * Utility type for creating deep partial types - makes all properties optional recursively
@@ -1089,6 +1090,8 @@ declare interface TasksStringOverrides {
     header?: string;
 }
 
+export declare const TaxEstimatesView: () => JSX_2.Element;
+
 declare type TimeRangePickerConfig = {
     /**
      * @deprecated This property is no longer used. Use `dateSelectionMode` instead.
@@ -1119,7 +1122,7 @@ declare interface ToastProps {
 }
 
 declare type UnifiedReportProps = {
-    dateSelectionMode: DateSelectionMode;
+    dateSelectionMode?: DateSelectionMode;
 };
 
 declare type UnknownEnumValue = string & Record<never, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.120",
+  "version": "0.1.121-alpha",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",